.submenucolor {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #990000;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	text-indent: 15px;
}
.submenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
}
.estilos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #666666;
	letter-spacing: normal;
	text-align: center;
	vertical-align: middle;
	word-spacing: normal;
}
.textcont {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #999999;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	white-space: normal;
}

.submenu .submenu img {
	margin: 1px;
	float: right;
	clear: none;
	height: 190px;
	width: 224px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px dotted #9A0000;
}

.cabmenu {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #990000;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
}
.pie {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #999999;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
	text-decoration: none;
}
.lineaspuntos {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 8px;
	font-weight: normal;
	color: #CCCCCC;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
}
.fondo {
	background-attachment: scroll;
	background-image: url(img/fondo.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-color: #999999;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.subcategorias {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	letter-spacing: normal;
	text-align: right;
	vertical-align: middle;
	word-spacing: normal;
	text-decoration: none;
}
.fotos {
	margin: 1px;
	float: right;
	clear: none;
	width: 224px;
	border: 1px dotted #9A0000;
	padding: 5px;
	height: 50px;
}
.fotosIndex {

	margin: 1px;
	float: right;
	clear: none;
	height: 120px;
	width: 400px;
	border: 1px dotted #CCCCCC;
	padding: 5px;
}
.form {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	width: 198px;
	letter-spacing: normal;
	white-space: normal;
	border: 1px dashed #FFFFFF;
}

.fondoindex {

	background-attachment: scroll;
	background-image: url(img/fondoindex.jpg);
	background-repeat: repeat;
	background-position: center top;
	background-color: #999999;
}
.txtform {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #FFFFFF;
	letter-spacing: normal;
	text-align: left;
	vertical-align: middle;
	word-spacing: normal;
}
.fotosclientes {

	margin: 1px;
	float: none;
	clear: none;
	border: 1px dotted #CCCCCC;
	padding: 2px;
}
.estilosblack {

	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	color: #000000;
	letter-spacing: normal;
	text-align: left;
	vertical-align: top;
	word-spacing: normal;
}
.formarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	text-align: left;
	vertical-align: baseline;
	word-spacing: normal;
	width: 199px;
	letter-spacing: normal;
	white-space: normal;
	border: 1px dashed #FFFFFF;
}
.homologada {

	margin: 1px;
	float: none;
	clear: none;
	height: 47px;
	width: 150px;
	border: 1px dotted #9A0000;
	padding: 5px;
}
.fotosdos {
	margin: 1px;
	float: right;
	clear: none;
	width: 224px;
	border: 1px dotted #9A0000;
	padding: 5px;
	height: 200px;
}
.puntitos {border: 1px dotted #9A0000; text-align:left;}
#pane2 { height: 380px;}
.holder { margin: 10px;}
.scroll-pane { width: 255px; height: 380px; overflow: auto; float: left;}
.scroll-pane p { font:11px Verdana, Arial, Helvetica, sans-serif; color: #666666;}
.scroll-pane p.noticias { font:14px Verdana, Arial, Helvetica, sans-serif; color: #666666;}
.scroll-pane span.fecha {font:11px Verdana, Arial, Helvetica, sans-serif; color:#9d3022;}
.scroll-pane span.titulo {font:18px "Trebuchet Ms", Verdana, Arial, Helvetica, sans-serif; color: #993300; font-weight:bolder;}

/*Esto modifica el diseņo de las partes del scroll. Barra y arrows*/
/*Esto es lo que configura el diseņo de las flechas*/
a.jScrollArrowUp { background: url(images/basic_arrow_up.gif) repeat-x 0 0;}
a.jScrollArrowUp:hover { background-position: 0 -15px;}
a.jScrollArrowDown { background: url(images/basic_arrow_down.gif) repeat-x 0 0;}
a.jScrollArrowDown:hover { background-position: 0 -15px;}
a.jScrollActiveArrowButton, a.jScrollActiveArrowButton:hover { background-position: 0 -30px;}

/*Esto configura los bloques que forman la barra y las flechas del scroll, sin esto no aparece en pantalla.*/
.jScrollPaneContainer { position: relative; overflow: hidden; z-index: 1;}
.jScrollPaneTrack { position: absolute; cursor: pointer; right: 0; top: 0; height: 100%; background: #aaa;}
.jScrollPaneDrag { position: absolute; background: #666; cursor: pointer; overflow: hidden;}
.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: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 20px;}
a.jScrollArrowDown { display: block; position: absolute; z-index: 1; bottom: 0; right: 0; text-indent: -2000px; overflow: hidden; /*background-color: #666;*/ height: 20px; }

/*Este css es para configurar si quieremos que el ancho de la barra del scroll sea mayor de ancho no de alto*/
.orange-bar .jScrollPaneTrack { background: #f60;}
.orange-bar .jScrollPaneDrag { background: #00f url(../images/drag_grab.gif) no-repeat 50% 50%; }
.orange-bar .scroll-pane {background: #69f;}