/* ESTILOS GENERALES */
.nada{
	margin:0;
	padding:0;
	border:none;}
body{
	margin:0;
	padding:0px 0 0 0;
	font: 12px Arial, Helvetica, sans-serif;
	}
#MainArea {
	position:relative; /* para establecer el contexto de los elementos posicionados adentro del sitio */
	padding: 0px 0px 0px 0px; 
	margin:0;
	margin-left:auto; /* centrado*/
	margin-right:auto;
	width:760px;
	height:610px;
	background:url(http://www.tsjsa.com.ar/design/tsjsa_com_ar/images/bg.jpg) top no-repeat;
	}
/* ESTILOS PARA EL HEADER */
#Header{
	position:relative;
	margin:0;
	padding:0px 0 0 0; 
	width:760px;
	height:141px;
	background:url(http://tsjsa.com.ar/design/tsjsa_com_ar/images/header_bg.png) top right no-repeat;
	}
	
#Header h1 {
	position:absolute;
	left:30px;
	top:20px;
	padding:0;
	margin:0;
	font-size: 1px;
	text-indent: -2000px; /* para que el texto no aparezca */
	width:105px;
	height:70px;
	background: url(http://tsjsa.com.ar/design/tsjsa_com_ar/images/logo.png) no-repeat;
	}
	
#Header h1 a{
	display:block; /* para que me tome el width y height - la idea es tener link en la imagen y no sobre el texto que esta fuera de la pantalla */
	width:105px;
	height:57px;
	text-decoration:none;}	
	
#PrintableLogo{
	position:relative;
	display:none;
}	

	
/*ESTILOS PARA EL MENUBOX */

#MenuBox {
	position:relative; /*para establecer el contexto de posicion de los hijos */
	float: left;
	width:160px; /*sin hack para ie5 porque padding y margin estan en cero*/
	padding:0;
	margin:0;
	margin-left:1px;
	margin-top:1px;
	height:405px;
	/*background:url(http://tsjsa.com.ar/design/tsjsa_com_ar/images/menubox_bg_l.jpg) top left no-repeat; */ /*va al left porque sobre el right viene el del div hijo */
	}
	
#MenuBox ul {
	position:absolute; /*lista de links de la izquierda*/
	top: 120px;
	width:106px;
}


#MenuBox ul li {
	margin:0;
	padding:0;
	margin-top:8px;
	margin-bottom:8px;
	margin-left:0px;
	text-align:right;
	list-style:none;
	vertical-align:middle;
}

#MenuBox ul li a{
	display:block;
	padding:0;
	margin:0;
	margin-top:24px;
	text-decoration:none;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #073C78;
	height:16px;
	padding-right:26px;
	vertical-align:middle;
	}	

#MenuProd{
	position:relative; /*div con la imagen de fondo de la derecha, adentro tiene los links de la derecha */
	float:left;
	top:50px;
	width:160px;
	height:405px;
	background:url(http://tsjsa.com.ar/design/tsjsa_com_ar/images/bg_menubox.png) top right no-repeat;
	}

#TitleProd {
	position:absolute; /* Título de la barra de links de la derecha */
	padding:0;
	margin:0;
	color:#073C78;
	text-decoration:none;
	font-weight:bold;
	font: 10px Arial, Helvetica, sans-serif;
	left:50px;
	height:2em;
	top:65px;
	z-index:4;
	}
#TitleProd p{
	margin:0; /* para que no joda el paragraph de este coso */
	padding:0;
	}

#MenuProd ul {
	position:absolute; /* lista de links de la derecha */
	top: 121px;
	right:-5px;
	width:108px;
	z-index:5;
}


#MenuProd ul li {
	margin:0;
	padding:0;
	margin-bottom:12px;
	margin-left:0px;
	width:108px;
	text-align:right;
	list-style:none;
	vertical-align:middle;
	z-index:6;
}

#MenuProd ul li a{
	display:block;
	padding:0;
	margin:0;
	text-decoration:none;
	font: 10px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	height:2em;
	width:82px;
	padding-right:26px;
	background: url(http://tsjsa.com.ar/design/tsjsa_com_ar/images/punto_n.png) no-repeat right center;
	z-index:7;}	
	
#MenuProd ul li a:hover{
	color:#FD8B32;
	background: url(http://tsjsa.com.ar/design/tsjsa_com_ar/images/punto_s.png) no-repeat right center;	
	z-index:7;
	}	
	

#Empresa{
	position:absolute; /*Coso Naranja */
	width:305px;
	height:224px;
	top:75px;
	left:0px;
	background:url(http://tsjsa.com.ar/design/tsjsa_com_ar/images/mancha_naranja.png) left no-repeat;
	z-index:10;
	display:block;
}

#Empresa a {
	position:absolute; /* primer link en el coso naranja */
	display:block;
	padding:0;
	margin:0;
	top:75px;
	text-decoration:none;
	text-align:center;
	font: 9px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	height:14px;
	width:60px;
	padding-top:25px;
	background: url(http://tsjsa.com.ar/design/tsjsa_com_ar/images/empresa.png) no-repeat center top;
	}	
#Empresa div.Contactenos {
	position:absolute; /*Segundo link en el coso naranja */
	padding:0;
	margin:0;
	top:75px; 
	left:60px;
	}	
#Empresa div.Contactenos form{
	padding:0;
	margin:0;
	}
.contactenos{
	display:block;
	margin:0;
	padding:0;
	border:0;
	border-style:none;
	background:transparent;
	text-decoration:none;
	text-align:bottom;
	font: 9px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #000000;
	height:39px;
	padding-top:24px;
	width:78px;
	background: url(http://tsjsa.com.ar/design/tsjsa_com_ar/images/contactenos.png) no-repeat center top;
	}
.contactenos:hover{
	cursor: pointer;
	}
	
#Validators{
	position:relative;
	bottom: -20px;
	left: 60px;
	margin:0;
	padding:0;
	}
#Validators a{
	text-align:center;
	font: 10px Arial, Helvetica, sans-serif;
	color:#0d0057;
	text-decoration:underline;}
#Validators a:hover{
	text-align:center;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#35a2c9;}

/* ESTILOS BUSCADOR */

#buscador{
	position:absolute;
	top:85px;
	left:560px;
	padding:0;
	margin:0;
	}
#buscador fieldset{
	margin:0;
	padding:0;
	border:none;
	}
#buscador input.text{
	width:100px;
	height:13px;
	font: 11px Arial, Helvetica, sans-serif;
	vertical-align:middle;
	background:tranparent;}	

input.buscar{
	padding:0;
	margin:0;
	padding-left:2px;padding-right:2px;
	width:auto;
	border-color:#022040;
	border-style:solid;
	border-width:1px;
	font: 12px Arial, Helvetica, sans-serif;
	font-weight: bolder;
	text-align:center;
	color:#022040;
	background-color:#73C3DC;
	vertical-align:middle;}	

/* ESTILOS SUELTOS DE DIVS */
#Firma {
	position:absolute; /* texto que aparece entre las comillas azules de arriba */
	font-weight:bold;
	font: 11px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:right;
	left:190px;
	top:50px;
	}

/* ESTILOS CONTENT AREA */
#MainContent{
	margin:0;
	margin-top:45px;
	margin-left:165px;
	padding-left:30px;
	padding-right:5px;
	height:420px;
	width:560px;
	overflow:auto;
	z-index:11;
	position:absolute;
}
	
	
#MainContent a{	
	font: 12px Arial, Helvetica, sans-serif;
	color: #0d0057;
	}
#MainContent a:hover{
	color:#35a2c9;
	}

#MainContent p{
	font: 12px Arial, Helvetica, sans-serif;
	color:#0d0057;
	}

#MainContent ul{
	font: 12px Arial, Helvetica, sans-serif;
	color:#0d0057;
	}
	
#MainContent table img {
	display:block; /* para que no se rompan las img de la portada en firefox */
}

/* PARA QUE LAS TABLAS NO ROMPAN EL LAYOUT */
#MainContent table {
	padding:0!important;margin:0!important;
	max-width:400px !important; /* Explorer toma el ancho del elemento padre, y en este caso no corresponde ya que se va de tamaño */
	float:none;
}

#MainContent table > * {
	max-width:400px;
}

#MainContent table td {
	padding:0;margin:0;max-width:400px!important;
}

#MainContent table td p {
	padding:4px;margin:0;
}
/* fin estilos tablas */

#MainContent h1{
	font: 15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	float:left;
	color:#35a2c9;
	}

#MainContent h2{
	font: 15px Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-style:italic;
	color:#35a2c9;
	}

#MainContent h2 + p{
	clear:left;
}

#Contacto {
	/* border:1px solid blue;*/
	position: relative;
	bottom:5px;
	display:block;
	width:760px;
	text-align: center;
	padding: 0;
	font:9px Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #0d0057;
	margin:0;
	margin-left:auto; /* centrado*/
	margin-right:auto;
}

div#Contacto p{
	padding:0;
	margin:0;
	}

.link {
	font: 12px Arial, Helvetica, sans-serif;
	color: #0d0057;
	text-decoration:none;
}

.webdings {font-family:Webdings;color:#ff8a31}

/* STYLES PARA FORM CONTACTO */

form {
	margin: 0;
	margin-left:5px;
	margin-right:10px;
	font: 12px Arial, Helvetica, sans-serif;
	}

input, select {
	margin-left: .5em;
	vertical-align:bottom;
	width:150px;
	}

textarea{
	margin-left: .5em;
	vertical-align:bottom;
	width:220px;
	}

fieldset {
	margin: 1em 0;
	padding: .3em 1em;
	border: 1px solid #0d0057;
	}

fieldset br {
	display: none;
	}

legend {
	font: 14px Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #35a2c9;
	padding: .2em .5em;
	border: 1px solid #0d0057;
	}

fieldset div {
	clear: both;
	margin: .1em 0;
	position: relative;
	}

fieldset div span {
	display: none;
	}

fieldset div:hover span {
	font-size: 85%;
	color:#0d0057;
	background-color: #faf0e6;
	margin-left: 20em;
	padding: .2em .5em .3em;
	border: 1px solid #0d0057;
	display: block;
	position: absolute;
	z-index: 100;
	float: right;
	}

* html fieldset div span {
	font-size: 85%;
	color: black;
	margin-left: 16em;
	padding: .3em;
	border-left: 1px solid #0d0057;
	display: block;
	}

label, fieldset div.cr p {
	margin: 0;
	color:#0d0057;
	display: block;
	width: 13em;
	text-align: right;
	float: left;
	}

fieldset div.cr label {
	color:#0d0057;
	text-align: left;
	margin-left: 13em;
	width: auto;
	float: none;
	}
	
.buttons {
	text-align: center;
	}

.removed {
	display: none !important;
	}
	
/* REDEFINICION DE CLASES */

.renderedtable {
	max-width:400px !important;
	width:expression(document.body.clientWidth > 400 ? "400px": "auto" ); /* CSS dinámico, solo para IE5 o superior, para emular max-width, otro browser lo ignora */
	clear:both;
	padding:0;
	margin:0;
	float:none;
}

.imageleft, .imageright, .imagecenter {
display:inline;	}

.imagecenter{
	clear:both;}			
	
/* SHOPPING CART */ 
#carrito {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 0px;
	color:#000;
	font-weight:bold;
	}
#carrito table { 
	margin:0;padding:0;margin-left:auto;margin-right:auto;text-aling:center;
}

.head {text-align:center;color:#FFFFFF;background-color:#006699; font-weight:bold;}
input.cant {width:20px;text-align:center}


div#warning {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#FF0000;
}
div#warning h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	font-style:normal;
	color:#FF0000;
	padding: 0; margin: 0; width: auto; height:auto; background: transparent;
}

.bgdarkie {background-color:#EAF4FF}
.bglightie {background-color:#DFEFFF}
div#micarrito {z-index:30;float:right;position:absolute;right:0;}
div#micarrito a{
	text-align:center;
	font: 10px Arial, Helvetica, sans-serif;
	color:#0d0057;
	text-decoration:underline;}
div#micarrito a:hover{
	text-align:center;
	font: 10px Arial, Helvetica, sans-serif;
	text-decoration:underline;
	color:#35a2c9;}