/*-------------------- BODY ------------------------ */
body {
text-align: center;
color: #fff;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height: 16px;
padding: 0px;
margin: 0px;
background-color: #2d2d2d;

}
/*-------------------- CAPAS ------------------------ */
#contenedor {
background-image:url(/images/fondo-web.gif);
 margin: auto; 
width: 969px;
height: auto;
border: 0px;

}
#top {
	margin: 0px;
	padding: 20px 0 0 0;
	height: 100px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 181px;
	text-align: left;
	}
#left {
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 150px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 700px;
	text-align:left;
	}
#left2 {
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0 0 0 18px ;
	border: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 300px;
	text-align:left;
	}
#leftcarrusel {
	float:left;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0 0 0 18px ;
	border: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 400px;
	text-align:left;
	}
#carrusel {
	float:right;
	right: 0px; /* Opera5.02 will show a space 
	at right when there is no scroll bar */
	padding: 0px;
	border: 0px;
	width: 260px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	text-align: left;
	}
#right {
	float:right;
	top: 120px;
	right: 0px; /* Opera5.02 will show a space 
	at right when there is no scroll bar */
	margin: 20px;
	padding: 0px;
	border: 0px;
	width: 120px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 180px;
	text-align: left;
	}
#right2 {
	float:right;
	right: 0px; /* Opera5.02 will show a space 
	at right when there is no scroll bar */
	margin: 0px;
	padding: 0px;
	border: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 300px;
	text-align: left;
	}
#right3 {
	float:right;
	right: 0px; /* Opera5.02 will show a space 
	at right when there is no scroll bar */
	margin: 0px;
	padding: 0px;
	border: 0px;
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 450px;
	text-align: left;
	}
.final {
   clear:both;
   height: 10px;
   }
.pie {
   clear:both;
   padding: 30px 280px 10px 0;
   }

#principal {
padding: 18px 0 0 14px;
}
#foto{
float: left;
width: 210px;
margin-right: 20px;
padding-bottom: 20px;
}
#fotohome{
float: left;
width: 270px;
margin-right: 20px;
padding-bottom: 20px;
}
#fotohome2{
float: left;
width: 125px;
margin-right: 20px;
padding-bottom: 20px;
}
#enlace{
	float: right;
	background-image: url(/images/enlace.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding-left: 14px;
	padding-top: 10px;
}

/*-------------------- PESTAÑAS ------------------------ */

.glossymenu{
	padding: 0;
	margin: 0;
	background: url(/images/menur_bg.gif) repeat-x; /*tab background image path*/
	height: 46px;
	list-style: none;
	width: 719px;
}

.glossymenu li{
	float:left;
}

.glossymenu li a{
	float: left;
	display: block;
	color:#000;
	text-decoration: none;
	font-family: sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding:0 0 0 16px; /*Padding to accomodate left tab image. Do not change*/
	height: 46px;
	line-height: 46px;
	text-align: center;
	cursor: pointer;	
}

.glossymenu li a b{
	float: left;
	display: block;
	padding: 0 12px 0 2px; /*Padding of menu items*/
}

.glossymenu li.current a, .glossymenu li a:hover{
	color: #fff;
	background: url(/images/menur_hover_left.gif) no-repeat; /*left tab image path*/
	background-position: left;
}

.glossymenu li.current a b, .glossymenu li a:hover b{
	color: #fff;
	background: url(/images/menur_hover_right.gif) no-repeat right top; /*right tab image path*/
}
/*-------------------- ENLACES ------------------------ */
A{
color: #fff;
text-decoration: underline;
}
A:hover{ text-decoration:none;}

A.lateral:link
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #fff;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
A.lateral:active
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #fff;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
A.lateral:visited
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #fff;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none
}
A.lateral:hover
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14px;
    COLOR: #333;
    FONT-FAMILY: arial;
    TEXT-DECORATION: none;
}
/*-------------------- ETIQUETAS ------------------------ */
h1 {
font-size: 20px;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
font-weight: bold;
line-height: 20px;
padding: 0 0 10px 0;
margin: 0px;
}
h2 {
font-size: 18px;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
}
h3 {
font-size: 14px;
font-family:Arial, Helvetica, sans-serif;
color: #fff;
}
li#lateral{
	list-style: none;
	background-image: url(/images/oisa.gif);
	background-position: left bottom;
	background-repeat: no-repeat;
	padding: 0 0 0 20px;
	margin: 10px 0 0 0;
}
li{
	list-style: none;
	background-image: url(/images/li.gif);
	background-position: left top;
	background-repeat: no-repeat;
	padding-left:20px;
	margin-left: 10px;
}
li#menu{
	list-style: none;
	background-image:none;
	padding: 0px;
	margin: 0px;
}
ul{
margin: 10px 0 0 0 ;
padding: 10px 0 0 0;
}
p{
	padding: 0px;
	margin: 0px;
}
img {
	border: 0px;
}
/*---------------------------------------GALERÍA----------------------------------*/
td {
valign: top;
}
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: scroll; /*leave this value alone*/
width: 250px;
height: 400px; /*Altura del contenedor madre*/
}

.stepcarousel .belt{
	position: absolute;
	left: 0;
	top: 0;
	width: 250px;
	padding: 15px 0 0 0;
	margin: 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: 250px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */

}
.panel {
 padding-right: 20px;
 border-left: 1px dotted #4f4e4e;
 padding-left: 5px;

}
.vw {
width: 312px;
height: 300px;
}

.visor1 {
width: 296px;
height: 290px;
padding: 0 0 0 20px;
margin: 0px;
}

.texto {
padding-top: 15px;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
line-height: 14px;
}
.rojo{
color: #8d080b;
font-weight: bold;
}