@charset "utf-8";
/* CSS Document */
* {margin:0; border:0; outline:0;}
body {	background-color: #CCC}


/* ----- INDEX ----- */
/* ----- CABECERA ----- */

.contenedor 		{width: 940px;	background-color: #F1F1F1; margin-right: auto; margin-left: auto}
.cabecera 			{background-image: url(img/fondocabecera.jpg); height: 167px}
.cabecera .top 		{background-image: url(img/fondotop.jpg); background-repeat: repeat-x; height: 22px}
.cabecera .logo 	{height: 140px; width: 940px}
.logo img 			{margin-left: 75px; margin-top: 15px}
.cabecera .bottom 	{background-image: url(img/bottom.png); background-repeat: repeat-x;height: 5px}

/* ----- MENU ----- */

.menu 			{position: relative; width: 940px; height: 65px}
.menu ul 		{position: absolute; right: 70px; top: 0px; height: 35px}
.menu ul li 	{display: block;list-style: none; position: relative;width: 126px; color: #333;text-decoration: none; float:left; text-align:center; line-height:30px; height:35px; background-image: url(img/botones.jpg); background-repeat: no-repeat; font-family: Lucida Sans, Helvetica, Tahoma, Geneva, sans-serif; font-size: 12px; font-weight: normal;margin-left: 5px}
.menu ul li a 	 		{color: #333; text-decoration: none; text-align:center; line-height:30px; height:35px; font-family: "Lucida Sans", Helvetica, Tahoma, Geneva, sans-serif;font-size: 12px; font-weight: normal; margin-left: 5px}
.menu ul li a:hover 	{color: #666; font-weight: bold}
.menu ul li.current		{background-image: url(img/botones-activado.jpg); color: #FFF}



/* ----- CENTRAL ----- */

.info {width: 940px; background-color: #F1F1F1; float: left;}


/* ----- COLUMNA IZQUIERDA ----- */

.info .izq 				{width: 460px; float: left; position: relative; margin-right: 20px;}

.info .izq .copete 		{height: 145px;	position: relative}
.izq .copete .titulo-copete 	{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 12px;font-weight: bold;color: #004E00;text-decoration: none;height: 35px;width: 460px;text-align: left;text-indent: 40px;position: relative;line-height: 30px}

.izq .copete .foto-copete 		{width: 190px;float: left;	height: 95px}
.foto-copete img 				{margin-left: 40px}

.izq .copete .texto-copete 	{width: 270px;position: relative;float: right;height: 95px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 11px;
text-decoration: none;font-weight: normal;color: #818281}

.titulo-tabla {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 11px;line-height: 10px;font-weight: bold;color: #0E5197;text-decoration: none;}

.info .izq .linea-copete {background-image: url(img/linea.jpg);background-repeat: no-repeat;background-position: 40px;height: 10px;position: relative;width: 460px;float: left;}

.aqui 	      {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 11px;font-weight: normal;color: #0E5197;text-decoration: none;}
.aqui a 	  {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 11px;font-weight: normal;color: #0E5197;text-decoration: none;}

/* ----- COLUMNA DERECHA ----- */

.info .der {width: 460px;float: right;position: relative;margin-bottom: 20px;}
.info .der .inst {width: 400px;margin: auto;border: 1px solid #FFF;position: relative;background-repeat: repeat;}

.inst .titulo-inst {height: 40px;background-image: url(img/titulo-institucional.jpg);background-repeat: repeat-y;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #FFF;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 18px;font-weight: bold;color: #FFF;text-decoration: none;
line-height: 40px;text-indent: 20px;position: relative;width: 400px;float: right;}

.inst .texto-inst {position: relative;width: 400px;float: right;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 11px;color: #000;font-weight: normal;
text-decoration: none;background-color: #D5D5D5;}

.inst .img-inst {background-image: url(img/img-inst.jpg);background-repeat: no-repeat	background-position: center 15px;	position: relative;height: 250px;width: 400px;float: right;background-color: #D5D5D5;background-repeat: no-repeat;background-position: center center;}


/* ----- PIE ----- */

.pie 		{width: 940px;height: 65px;position: relative;background-image: url(img/pie.jpg);float: left;background-repeat: repeat-x;}
.pie ul 	{position: absolute;right: 30px; height: 15px;width: 450px}
.pie ul li 	{ display: block; list-style: none; position: relative; color: #FFF; text-decoration: none; float:left; line-height:70px; height:15px; font-family: "Lucida Sans", Helvetica, Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: normal; margin: 0 0 0 25px }

.pie ul li a		{ list-style: none; color: #FFF; text-decoration: none; line-height:70px; font-family: "Lucida Sans", Helvetica, Tahoma, Geneva, sans-serif; font-size: 11px; font-weight: normal }
.pie ul li a:hover	{ color: #CCC; font-weight: bold }


/* ----- SECCION PRODUCTOS ----- */


.izq .foto-productos 	{width: 330px;position: relative;margin-right: auto;margin-left: auto;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 10px;color: #818281;text-decoration: none;}
.izq .foto-productos .titulo-productos {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 18px;color: #0E5197;font-weight: bold;position: relative;height: 40px;}

.der .lista-productos a {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 11px;text-decoration: none;color: #818281;width: 400px;margin-right: auto;
margin-left: auto;position: relative;}
.der .lista-productos a:hover {font-weight: normal;color: #0E5197;text-decoration: none;}


.titulo-lista 	{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 13px;line-height: 20px;font-weight: normal;color: #0E5197;text-decoration: none;}
.titulo-lista a 	{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 13px;line-height: 20px;font-weight: normal;color: #0E5197;text-decoration: none;}
.titulo-lista a:hover {font-weight: normal;color: #009;}

/* ----- SECCION: NOSOTROS, PRESUPUESTO, CONTACTO----- */

.izq-seccion		{width: 586px;float: left;position: relative;margin-bottom:20px;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 13px;color: #999;
text-decoration: none; font-weight: normal;}

.info .center {float: right;width: 550px;position: relative;font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-weight: normal;color: #666;text-decoration: none;font-size: 12px;text-align: left;line-height: 18px;border: 1px ridge #2874A5;background-color: #F5F5F5;padding: 30px;margin-bottom: 30px;margin-right: 95px;}

.center-seccion {width: 1px;float: right;position: relative;margin-bottom: 20px;height: 820px; background-color:#ccc; margin-right:2px;}

.der-seccion {width: 350px;float: right;position: relative;margin-bottom: 20px;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 12px;line-height: 15px;font-weight: bold;color: #2069A0;text-decoration: none;}

.seccion-linea4 {background-image: url(img/nosotros_linea4.jpg);background-repeat: no-repeat;background-position: left center;float: right;height: 3px;width: 350px;position: relative;}

.img-linea  {margin-left: 60px;}

/* ----- SECCION NOSOTROS ----- */

.titulo-tabla-nosotros {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 14px;line-height: 10px;font-weight: bold;color: #2C7AA8;text-decoration: none;}


/* ----- SECCION CONTACTO ----- */

.info .mapa {float: left;width: 940px;position: relative;margin-bottom: 30px;}

.titulo-contacto 	{font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size: 12px;font-weight: bold;color: #004E00;text-decoration: none}
.foto-contacto  {background-image: url(img/foto_contacto.jpg);background-position: left center;float: left;position: relative;height: 150px;width: 350px;background-repeat: no-repeat;}


/* ----- SECCION FORMULARIO ----- */

.izq-formulario		{width: 586px;float: left;position: relative;margin-bottom:20px;text-decoration: none;text-align: left;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;color: #666;font-size: 12px;font-weight: normal;}

.input {border: 1px inset #DBDBDB;background-color: #E8E8E8;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: normal;color: #333;text-decoration: none;width: 300px;}
.enviar {border: 1px outset #666;font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;font-size: 14px;font-weight: bold;color: #0E5197;}

.volver		{font-family: Verdana, Geneva, sans-serif;font-weight: bold;font-size: 12px;color: #4969A0;text-decoration: none;}
.volver a		{font-family: Verdana, Geneva, sans-serif;font-weight: bold;font-size: 12px;color: #4969A0;text-decoration: none;}

.afip  {float: left;width: 320px; padding:20px 0 0 30px;}