/* CSS Document */

/*Clases Layout del sitio-----------------------------*/
 * {
	margin:0;
	padding:0;
}
.clear { clear: both; }

a 
{
	outline: none; 
}
a:visited {
	color: #0000FF;
}
body {
	padding: 0px;
	margin: 0px;
	font-size: 62.5%;
	background-color: #e7e7de;
	background-repeat: repeat-y;
	background-position: center top;
	background-image: url(../images/fondo-sombra.png);
	font-family: Arial, Helvetica, sans-serif;
}
.wrapper {
	margin: 0px auto;
	width: 1010px;
	height: auto;	
}
.header {
	float: left;
	width: 100%;
	height: 143px;
	background-image: url(../images/fondo-header.gif);
	background-repeat: repeat-x;
	font-size:1.2em;
}
.leftCol {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	width: 168px;
	height: auto;
	background-color: #E0F1C7;
	padding-right: 1px;
	padding-left: 1px;
	font-size:1.2em;
}
.midCol {
	float: left;
	margin-right: 15px;
	width: 150px;
	height: auto;
	background-color: #FFCCCC;
}
.midColSM {
	float: left;
	width: 150px;
	height: 700px;
	background-color: #FFCCCC;
}
.midColAncho {
	float: left;
	margin-right: 15px;
	margin-bottom: 16px;
	width: 480px;
	height: auto;
}
.rightCol {

	float: right;
	margin-right: 0px;
	width: 300px;
	height: auto;
	background-color: #e0f1c7;
	font-size:1.2em;
	background-image: url(../images/bordes-colDer-top.gif);
	background-repeat: no-repeat;
	background-position: top;
}
.rightColBanner {
	float: right;
	margin-right: 15px;
	width: 300px;
	height: auto;
	padding-bottom:20px;
}
.rightColBanner img.publicidad {

	border: 1px solid #CCCCCC;	
}


.footer {
	float: left;
	width: 100%;
	height: 20px;
	margin-top:1px;
	margin-bottom:10px;
	font-size:0.9em;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #7A2B90;
    color: #7A2B90;
}

/* Tabs ----------------------------------*/ 
.ui-tabs {
	position: relative;
	zoom: 1;
	padding-top: 0em;
	padding-right: 0em;
	padding-bottom: 0em;
	padding-left: 0em;

} /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav {
	margin: 0;
	padding-bottom: 0;

}
.ui-tabs .ui-tabs-nav li {
	list-style: none;
	float: left;
	position: relative;
	top: 0px;
	border-bottom: 0 !important;
	padding: 0;
	white-space: nowrap;
	margin-top: 0;
/*	margin-right: 0.2em;*/
	margin-bottom: 1px;
	margin-left: 0;
		

}

.ui-tabs .ui-tabs-nav li a {
	float: left;
	text-decoration: none;
	color: #FFFFFF;
		

}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected {
	margin-bottom: 0;
	padding-bottom: 1px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {
	cursor: text;
}
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a {
	cursor: pointer;
} /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel {
	display: block;
	border: 0;
	background: none;
	padding-bottom: 1px;
	
}
.ui-tabs .ui-tabs-hide {
	display: none !important;
}

#tabs-1 {
	background-color: #f3ecf4;

}
/*Colores y fuentes-------------------------*/

.violeta {
	color: #7A2B90;
}
.verde {
	color: #E0F1C7;
}
.verde {
	color: #E0F1C7;
}
.bold14 {
	font-size: 1.2em;
	font-weight: bold;
}
.bold14rojo {
	font-size: 1.3em;
	font-weight: bold;
	color: #B70000;
}


/*Elementos Header------------------------------*/

div.logo {
	width: 172px;
	margin-left: 15px;
	float:left;
}
div.banner {
	width: 468px;
	float:left;
	margin-top: 15px;
	margin-left: 50px;
}
div.user {
	width: 275px;
	float:right;
	margin-top: 10px;
	text-align: right;
	margin-right: 15px;
}
div.search {
	width: 970px;
	float:left;
	margin-left: 20px;
	padding-top: 7px;

	*padding-top: 4px;	
}
.txtSearch {
	font-size: 1.2em;
	color: #FFFFFF;
	font-weight: bold;
	
} 
.linksMenu {
	width: 250px;
	color: #FFFFFF;
	
}
.linksMenu a:link, .linksMenu a:visited {
	font-size: 1.2em;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	
}
.linksMenu a:hover {
	color: #DCBEE4;
	font-weight: bold;
	
}
/*Botones sprites---------------------------------------*/

a.press-it-btn {
	display: block; /* Change anchor to block element */
	width: 85px;
	height: 24px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(../images/bot-buscar-sprite.gif); /* Add the image as a background */
	background-position  : 0px 0px; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
	}
a.press-it-btn:hover, a.press-it-btn:focus {
	background-position  : 0px -24px;/* Set the position to the center */
	}
a.tu-info {
	display: block; /* Change anchor to block element */
	width: 62px;
	height: 17px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(../images/bot-funciones-sprites.gif); /* Add the image as a background */
	background-position  : 0px 0px; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
	}
a.tu-info:hover, a.tu-info:focus {
	background-position  : 0px -17px;/* Set the position to the center */
	}
a.tu-alacena {
	display: block; /* Change anchor to block element */
	width: 101px;
	height: 17px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(../images/bot-funciones-sprites.gif); /* Add the image as a background */
	background-position  : -62px 0px; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
	}
a.tu-alacena:hover, a.tu-alacena:focus {
	background-position  : -62px -17px;/* Set the position to the center */
	}
a.recetas {
	display: block; /* Change anchor to block element */
	width: 69px;
	height: 17px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(../images/bot-funciones-sprites.gif); /* Add the image as a background */
	background-position  : -163px 0px; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
	}
a.recetas:hover, a.recetas:focus {
	background-position  : -163px -17px;/* Set the position to the center */
	}

a.cargar {
	display: block; /* Change anchor to block element */
	width: 49px;
	height: 24px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(../images/bot-cargar-sprite.gif); /* Add the image as a background */
	background-position  : 0px 0px; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
	}
a.cargar:hover, a.cargar:focus {
	background-position  : 0px -24px;/* Set the position to the center */
	}


     /*Botones Changuito---------*/
	 
a.changoMas {
	display: block; /* Change anchor to block element */
	width: 13px;
	height: 9px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(../images/bot-chango-funciones2.gif); /* Add the image as a background */
	background-position  : 0px 0px; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
	}
a.changoMas:hover, a.changoMas:focus {
	background-position  : -13px 0px;/* Set the position to the center */
	}

a.changoMenos {
	display: block; /* Change anchor to block element */
	width: 13px;
	height: 9px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(../images/bot-chango-funciones2.gif); /* Add the image as a background */
	background-position  : 0px -9px; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
	}
a.changoMenos:hover, a.changoMenos:focus {
	background-position  : -13px -9px;/* Set the position to the center */
	}
a.changoQuitar {
	display: block; /* Change anchor to block element */
	width: 14px;
	height: 14px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(../images/bot-chango-funciones.gif); /* Add the image as a background */
	background-position  : -28px 0px; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
	}
a.changoQuitar:hover, a.changoQuitar:focus {
	background-position  : -28px -14px;/* Set the position to the center */
	}

a.botHacerPedido {
	display: block; /* Change anchor to block element */
	width: 150px;
	height: 30px; /* Specify width and height of the image. Height is value of each individual button graphic */
	background-image: url(../images/boton-sprite-pedido.png); /* Add the image as a background */
	background-position  : 0px 0px; /* Set the position to the top */
	text-indent: -9999px; /* Send the rendered HTML wording off screen */
	}
a.botHacerPedido:hover, a.botHacerPedido:focus {
	background-position  : -0px -30px;/* Set the position to the center */
	}

.boton_buscar {
	FONT-FAMILY: tahoma;
	font-size: 11px;
	color: #fff;
	border: 0px;
	text-decoration:none;
	width: 84px;
	height: 24px;
	background-image: url(../images/bot-buscar-sprite.gif);
	background-repeat:no-repeat;

		cursor: pointer;
}
/*Tablas de productos-------------------------------------*/
table.grilla {
}
table.grilla td {
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #b9bbcc;
	text-align: center;

}
table.grilla td.der {
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #b9bbcc;

}
table.producto td {
	border-style: none;
	width:120px;
	height: auto;
	vertical-align: top;
}
table.producto .foto {
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b9bbcc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #B9BBCC;
	height: auto;
}
table.producto .foto img {
	text-align:center;
	vertical-align:middle;
	padding-bottom: 5px;
	padding-top: 5px;
}
table.producto .descripcion {
	font-size: 0.9em;
	color: #333333;
	text-align: left;
	line-height: 1.2em;
	height: 34px;
	display: block;
	margin-bottom: 5px;
	padding-right: 3px;
	padding-left: 3px;

}
table.producto .precioUnidad {
	color: #666666;
	text-align: center;
	font-size: 0.9em;
	height: auto;
	margin-top: 0px;
	margin-bottom: 5px;
	padding-bottom: 0px;
	display: block;

}
table.producto .precioTotal {
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;
	display: block;
	float: left;
	width: 110px;

}
table.producto .botonCargar {
	padding-bottom: 5px;
	float: right;
	display: block;
	padding-top: 5px;


}
table.producto .sinMargen {
	
	border-right-style: none;
	
}
/*table.producto .foto {
	height: 123px;
	text-align: center;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b9bbcc;
}
table.producto .foto img{
	text-align:center; 
	vertical-align:middle; 
}
table.producto .descripcion {
	font-size: 0.9em;
	color: #333333;
	text-align: center;
	line-height: 1.2em;
	height: 24px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b9bbcc;
}
table.producto .precioUnidad {
	color: #666666;
	text-align: center;
	font-size: 0.9em;
	height: 14px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b9bbcc;
}
table.producto .precioTotal {
	font-weight: bold;
	font-size: 1.2em;
	text-align: left;
	padding-left: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b9bbcc;
}
table.producto .botonCargar {
	padding-right: 5px;
	padding-bottom: 5px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #b9bbcc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #b9bbcc;
}
table.producto .sinMargen {
	
	border-right-style: none;
	
}*/
div.paginadoBottom {
	text-align: center;
	height: 20px;
	padding-top: 5px;

}
div.paginadoBottom a:link, div.paginadoBottom a:visited{
	color: #000000;
	font-weight: normal;
	text-decoration: none;
	font-size: 1.2em;
}
div.paginadoBottom a:hover {
	text-decoration: underline;	
		font-size: 1.2em;
}
div.paginadoBottom a:active {
	font-weight: bold;
		font-size: 1.2em;	
}
/*Tabla subcategorias-------------------------------*/
table.subcategorias {
	width: 480px;
	margin-bottom: 10px;
}
table.subcategorias .breadcrumb {
	font-size: 1.2em;
	padding-bottom: 2px;
}

.subcategorias a:link, .subcategorias a:visited {
	text-decoration: none;
	color: #0000FF;
}

a.vinculo
{
	text-decoration: none;
	color: #0000FF;
}


table.subcategorias .titulos {
	font-size: 1.1em;
	font-weight: bold;
	padding-top: 2px;
	padding-bottom: 2px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #b9bbcc;
	border-bottom-color: #b9bbcc;
}
table.subcategorias .subproductos {
	padding-top: 2px;
	padding-left: 5px;
}

.subproductos a:link, .subproductos a:visited {
	font-size: 1.1em;
	text-decoration: none;
}
.subproductos a:hover {
		text-decoration: underline;
	
}
table.subcategorias .vermas {
	text-align: right;
	font-size: 1.1em;
	font-weight: bold;
	padding-right: 10px;
	padding-top: 5px;
}
/*Tabla filtro--------------------------------*/
table.filtro {
	background-color: #eef7df;
	height: 22px;
	margin-bottom: 5px;
}
table.filtro .paginado {
	font-size: 1.1em;
	padding-left: 5px;
}
table.filtro .ordenar {
	font-size: 1.1em;
	text-align: right;
	padding-right: 5px;
}
table.filtro a:link, .filtro a:visited {
	text-decoration: none;
	color: #000000;

}
table.filtro a:hover{
	text-decoration: underline;

}
/*Columna derecha--------------------------------*/
div.titColDer{
	background-image: none;
	background-repeat: no-repeat;
	height: 20px;
	border-bottom-width: 1px;
	border-bottom-style: none;
	border-bottom-color: #FFFFFF;
	padding-top: 10px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	padding-right: 10px;
	font-weight: normal;
	color: #000000;
	padding-bottom: 5px;
	text-align:center;
}
div.userLogon{
	height: 44px;
	width: auto;
	background-color: #f1f1f1;
	padding-left: 10px;
	margin-bottom: 15px;
}
div.userFoto{
	float: left;
	height: 30px;
	width: 30px;
	margin-top: 7px;

}
div.userDatos{
	float: left;
	width: 230px;
	padding-top: 5px;
	padding-left: 10px;
	font-size: 1em;

}
            /*Clases Chango--------------*/
.topChango {
	background-image: url(../images/top-chango.gif);
	background-repeat: no-repeat;
	height: 19px;
	padding-right: 14px;
	padding-left: 23px;
	padding-top: 3px;
	font-size: 1em;
	font-weight: bold;
}
.medioChango {
	height: 310px;
	padding-right: 0px;
	padding-left: 2px;
	background-color: #E0F1C7;
}
.bottomChango {
	background-image: url(../images/bottom-chango.gif);
	background-repeat: no-repeat;
	height: 28px;
	padding-left: 23px;
	padding-right: 14px;
	padding-top: 6px;
	font-size: 1em;
	font-weight: bold;
}
.bottomBotPedido {
	height: 40px;
	padding-top: 6px;
	margin-right: auto;
	margin-left: auto;
	padding-bottom: 6px;
	text-align: center;
	background-image: url(../images/bordes-colDer-botom.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}


/*Clases header tabla */
   /*table.grilla2-------------------------------- */ 

table.itemChango {
	width: 280px;
	background-color: #FFFFFF;

}
table.itemChango td {
	padding: 3px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #b9bbcc;

}


table.itemChango .foto {
	height: 4px;
	width: 59px;
	text-align: center;

}
table.itemChango .foto img {
	text-align:center; 
	vertical-align:middle; 
}
table.itemChango .descripcion {
	font-size: 0.9em;
	color: #333333;
	line-height: 1.2em;

}
table.itemChango .precioUnidad {
	color: #666666;
	font-size: 0.9em;

}
table.itemChango .precioTotal {
	font-weight: bold;
	font-size: 1em;
	text-align: left;
}
table.itemChango .precioTotalMain {
	font-weight: bold;
	font-size: 1em;
	text-align: right;

}
table.itemChango .precioQuitar {
	
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	border-color: #b9bbcc;
}
.listadoChango {
	background-image: url(../images/tira-header-chango.gif);
	height: 21px;
	padding-right: 1px;
	padding-left: 1px;
	padding-top: 3px;
	font-size: 0.95em;
	font-weight: bold;
}
/*Redes Sociales*/

div.redes {
	background-image: url(../images/tit-compartilo.gif);
	background-repeat: no-repeat;
	height: 28px;
	width: 100%;
	
	border-top-width: 15px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
	margin-bottom: 0px;
	text-align: center;
	background-position: 70px 8px;
}
div.redesIconos {
	width: 100%;
	padding-bottom: 5px;
	text-align: right;
}

input
{
    FONT-FAMILY: tahoma;
	font-size: 11px;
}



.bannerCol {
	float: left;
	margin-right: 15px;
	margin-left: 15px;
	margin-bottom: 15px;
	width: auto;
}
.tabHome {
	float: left;
	margin-left: 15px;
	width: 673px;
}




a:active { outline: medium none; }
:focus {  }
/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:673px;
	/*height:31px !important;*/
	height:1px !important;
	margin:0 !important; 
	padding:0;	
	
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin:0; 
	padding:0; 
	text-indent:0; 
	list-style-type:none;
}

/* a- tag inside single tab */
#flowtabs li a {
	background: url(../images/blue_panes.jpg) no-repeat;
	display:block;
	height: 1px;   
	width: 112px; 	
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #t1 			{ background-position: 0 0; }
#flowtabs #t2 			{ background-position: -112px 0; }
#flowtabs #t3 			{ background-position: -224px 0; }
#flowtabs #t4 			{ background-position: -335px 0;}
#flowtabs #t5 			{ background-position: -447px 0;}
#flowtabs #t6 			{ background-position: -560px -0; width:112px;}
 
/* mouseover state */
#flowtabs a:hover 		{ color:#fff;	 }
#flowtabs #t1:hover 	{ background-position:      0 -33px; }
#flowtabs #t2:hover 	{ background-position: -112px -33px; }
#flowtabs #t3:hover 	{ background-position: -224px -33px; }
#flowtabs #t4:hover 	{ background-position: -335px -33px; }
#flowtabs #t5:hover 	{ background-position: -447px -33px; }
#flowtabs #t6:hover 	{ background-position: -560px -0px; }

/* currently selected tabs */
#flowtabs a.current		{ cursor:default; color:#fff; line-height:34px; }
#flowtabs #t1.current { background-position:      0 -66px; }
#flowtabs #t2.current { background-position: -112px -66px; }
#flowtabs #t3.current { background-position: -224px -66px; }
#flowtabs #t4.current { background-position: -335px -66px; }
#flowtabs #t5.current { background-position: -447px -66px; }
#flowtabs #t6.current { background-position: -560px -0px; }


/* panes */
#flowpanes {
	background: url(../images/blue_panes.jpg) no-repeat 0 -100px;
	width:673px;

	overflow: hidden;
}


/* single pane */
#flowpanes div {
	display:none;
	color:#fff;
	margin-top: 10px;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-left: 20px;
		height:200px;
		text-align:center;

}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#000;
	letter-spacing:1px;
	margin:0px 0 0 0;
	font-size:22px;	
}

#flowpanes a {
	color:#cc9;		
	font-size:14px;
}

#flowpanes p, #flowpanes samp {
	color:#000;		
}

#flowpanes .narrow {
	padding-right:112px;		
}
/*Estilos footer*/
.footerLinks {
	height: auto;
	width: 226px;
	float: left;
	margin-top: 15px;
	margin-right: 7px;
	margin-bottom: 15px;
	margin-left: 15px;
}

H2 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 1.4em;
	padding-bottom: 5px;
	color: #7A2B90;

}
.footerLinks li {
list-style:none outside none;
}


.footerLinks li a {
	font-family: Arial, Helvetica, sans-serif;
	display:block;
	font-size: 1.1em;
	padding-bottom:4px;
	padding-left:0px;
	padding-top:4px;
	text-decoration:none;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #A1C979;
	color: #333333;
}

/*Clases Detalle productos*/
table.navProd {
       width: 480px;
       margin-bottom: 10px;
}

table.navProd .breadcrumb2 {
       font-size: 1.2em;
       padding-bottom: 4px;
}

.breadcrumb2 a:link, .breadcrumb2 a:visited {
	text-decoration: none;
	color: #0000FF;
}

table.detalleProd {
	width: 480px;
	margin-bottom: 0px;
	font-size: 12px;
	color: #333333;
}
.bold16azul
{
	font-weight: bold;
	font-size: 17px;
	color: #000000;
}
.boldAmarillo {
	font-size: 16px;
	font-weight: bold;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 3px;
	padding-left: 10px;
	width: 80px;
	text-align: center;
	color: #B70000;
}
.tipo16  {
	font-size: 14px;
	color: #333333;
}
.tipo14  {
	font-size: 12px;
	color: #333333;
}
.tipo12  {
       font-size: 12px;
}

ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	width: 479px;
}
ul.tabs li {
	float: left;
	padding: 0;
	height: 28px;
	line-height: 28px;
	overflow: hidden;
	position: relative;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
	width: 119px;
		background-image: url(../images/tabimg_f1.gif);
	background-repeat: no-repeat;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.2em;
	padding: 0;
	outline: none;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFFFFF;
	text-align: center;

}
ul.tabs li a:hover {
	background-image: url(../images/tabimg.gif);
	background-repeat: no-repeat;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background-image: url(../images/tabimg.gif);
	background-repeat: no-repeat;
}
.tab_container {
	border-top: none;
	clear: both;
	float: left;
	width: 475px;
	background: #fff;

}
.tab_content {
	padding: 10px;
	font-size: 1.2em;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #b9bbcc;
	border-right-color: #b9bbcc;
	border-bottom-color: #b9bbcc;
	border-left-color: #b9bbcc;
}
.tab_content h2 {
	font-weight: bold;
	padding-bottom: 10px;
	font-size: 1.3em;
	color: #7A2A90;
}
.tab_content h3 a{
	color: #254588;
}
.rayaBreadcrumbs {
	
	padding-top: 2px;
	padding-bottom: 2px;
	
	border-bottom-width: 1px;

	border-bottom-style: solid;

	border-bottom-color: #b9bbcc;
}
.5stars {
	background-image: url(../images/5estrellas.jpg);
	background-repeat: no-repeat;
	text-indent: -300px;
	display: block;
	height: 15px;
	width: 72px;
	background-color: #FF6600;
}
.campo3 {
	 height:20px;
	 font-size:14px;
	 font-weight:normal;
}

/*Clases Formularios*/
 
.tablaForm {
                font-size: 1.2em;
}
.tablaForm  td.espacioForm {
                height: 1px;
 
}

td.texto {
                height: 13px;
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: #FFFFFF;
                font-size: 12px;
                color: #000000;
                padding-top: 1px;
                padding-bottom: 1px;
}



td.celda {
                height: 20px;
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: #FFFFFF;
                padding-left: 10px;
                font-size: 11px;
                color: #000000;
                padding-top: 3px;
                padding-bottom: 3px;
}
td.espacioForm {
                height: 3px;
                line-height:2px;
}

td.titHeader {
            padding-left: 0px;
            height: 25px;
            text-align: left;
            border-bottom-width: 1px;
            border-bottom-style: solid;
            border-bottom-color: #7A2B90;
            color: #7A2B90;
            font-size: 15px;
            font-weight: bold;
}

.campo{
                font-size: 11px;
                height: 17px;
                font-family: Arial, Helvetica, sans-serif;
                border-width: 1px;
                border-style: solid;
                border-color: #d9ccdd;
                background-color: #f3ecf4;
                padding-right: 3px;
                padding-left: 3px;
}

.combo{
                font-size: 11px;
                height: 20px;
                font-family: Arial, Helvetica, sans-serif;
                border-width: 1px;
                border-style: solid;
                border-color: #d9ccdd;
                background-color: #f3ecf4;
                padding-right: 3px;
                padding-left: 3px;
}
 
.tablaForm td.bordeForm {
                padding-right: 0px;
                border-bottom-width: 1px;
                border-bottom-style: solid;
                border-bottom-color: #b9bbcc;
                padding-left: 0px;
                text-transform: uppercase;
                font-size: 10px;
                background-color: transparent;
}
.tablaForm td.espacioBotones {
                height: 44px;
                background-color: #FFFFFF;
                border-top-width: 1px;
                border-top-style: solid;
                border-top-color: #7A2B90;
}
 
.boton_violeta
{
                FONT-FAMILY: Arial, Helvetica, sans-serif;
                font-size: 12px;
                color: #fff;
                border: 0px;
                text-decoration:none;
                width: 88px;
                padding: 2px;
                height: 24px;
                font-weight:bold;
                background-image: url(../images/bot-violeta.gif);
                background-repeat:no-repeat;
                background-position:top;
}

.boton-rojo-grande
{
                FONT-FAMILY: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #fff;
                border: 0px;
                text-decoration: none;
                width: 136px;
                height: 27px;
                font-weight: bold;
                background-image: url(../images/fondo-boton-rojo.gif);
                background-repeat: no-repeat;
                background-position: top;
                padding-top: 0px;
                padding-right: 2px;
                padding-bottom: 2px;
                padding-left: 2px;
}
.boton-gris-grande
{
                FONT-FAMILY: Arial, Helvetica, sans-serif;
                font-size: 14px;
                color: #fff;
                border: 0px;
                text-decoration: none;
                width: 136px;
                height: 27px;
                font-weight: bold;
                background-image: url(../images/fondo-boton-gris.gif);
                background-repeat: no-repeat;
                background-position: top;
                padding-top: 0px;
                padding-right: 2px;
                padding-bottom: 2px;
                padding-left: 2px;
}


.boton_violeta_chico
{
                FONT-FAMILY: Arial, Helvetica, sans-serif;
                font-size: 12px;
                color: #fff;
                border: 0px;
                text-decoration: none;
                width: 62px;
                padding: 2px;
                height: 24px;
                font-weight: bold;
                background-image: url(../images/bt-enviar-viol.gif);
                background-repeat: no-repeat;
                background-position: top;
}
.boton_rojo_chico
{
                FONT-FAMILY: Arial, Helvetica, sans-serif;
                font-size: 12px;
                color: #fff;
                border: 0px;
                text-decoration: none;
                width: 62px;
                padding: 2px;
                height: 24px;
                font-weight: bold;
                background-image: url(../images/bt-enviar-rojo.gif);
                background-repeat: no-repeat;
                background-position: top;
}
.boton_gris_chico
{
                FONT-FAMILY: Arial, Helvetica, sans-serif;
                font-size: 12px;
                color: #fff;
                border: 0px;
                text-decoration: none;
                width: 62px;
                padding: 2px;
                height: 24px;
                font-weight: bold;
                background-image: url(../images/bt-enviar-gris.gif);
                background-repeat: no-repeat;
                background-position: top;
}
.boton_gris_mediano
{
                FONT-FAMILY: Arial, Helvetica, sans-serif;
                font-size: 12px;
                color: #fff;
                border: 0px;
                text-decoration: none;
                width: 88px;
                padding: 2px;
                height: 24px;
                font-weight: bold;
                background-image: url(../images/fondo-boton-gris-mediano.gif);
                background-repeat: no-repeat;
                background-position: top;
}
.boton_violeta_mediano
{
                FONT-FAMILY: Arial, Helvetica, sans-serif;
                font-size: 12px;
                color: #fff;
                border: 0px;
                text-decoration: none;
                width: 88px;
                padding: 2px;
                height: 24px;
                background: transparent;
                font-weight: bold;
                background-image: url(../images/fondo-boton-violeta-mediano.gif);
                background-repeat: no-repeat;
                background-position: top;
}
.boton_rojo_mediano
{
                FONT-FAMILY: Arial, Helvetica, sans-serif;
                font-size: 12px;
                color: #fff;
                border: 0px;
                text-decoration: none;
                width: 88px;
                padding: 2px;
                height: 24px;
                font-weight: bold;
                background: transparent;
                background-image: url(../images/fondo-boton-rojo-mediano.gif);
                background-repeat: no-repeat;
                background-position: top;
}

.tituloAlacena
{
	text-justify: distribute;
	font-size: 14px;
	color: #7A2B90;
	font-family: Arial, Helvetica, sans-serif;
}

.texto_error
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 11px;
	padding-bottom: 5px;
	color: #ff0000;
	padding-top: 5px;
	font-family: 'Trebuchet MS';
	text-align: left;
}

.mensaje
{
	padding-right: 5px;
	padding-left: 5px;
	font-size: 12px;
	padding-bottom: 25px;
	/*color: #ff0000;*/
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
}

.rayaVerdeTop {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #9acd55;
}

.rayaVerdeBottom {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #9acd55;
}
.rayaVerdeRight {
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #9acd55;
}

.video-container {
	position: relative;
	padding-bottom: 272px;
	padding-top: 41px;
	padding-left:20px;
	overflow: hidden;
background-image:url(../images/home-2.gif);
background-repeat:no-repeat;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 20;
	left: 30;
	width: 180;
	height: 163;
}
.video-wrapper {
	width: 270;
	height:163;
	max-width: 100%;
}