/*
	
	author: TorresDCV (www.torresdcv.com.ar)
	
*/

body { 
	width:900px; 
	margin:0 auto 0 auto; 
	padding:0;
	background:#ffc832 fixed no-repeat top center;
	background-image:url(background.jpg);
	font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	font-size:62.5%;
	color: #848484;
	text-align:center;
}
* html {margin:0; padding:0;}

* html body {
position: relative;
left: 50%;
margin-left: -450px;
margin-right:0;
}

#main {
	width:900px;
	height:100%;
	background:#fff;
	margin:0;
	padding:0;
	text-align:center;
}

img {
	border:none;
}
p {
	font: normal 1.1em "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	padding:0;
	margin:0;
	line-height: 1.4em;
}
a, a:link, a:visited, a:active {
			color:#2f8426;
			text-decoration: none;
			border:0;
}
a:hover {
			color:#5bab15;
			text-decoration: none;
			border: 0;
}
h1 {
	font: bold 1.3em "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	line-height: 1.3em;
	color:#484848;
	text-align:left;
	padding:8px 0 2px 0;
	margin:0;
	}
h2 {
	font: bold 1.2em "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	line-height: 1.2em;
	color:#2f8426;
	text-align:left;
	padding:10px 0 5px 0;
	margin:0;
	}
h3 {
	font: 1.0em "Trebuchet MS", Arial, Helvetica, Sans-Serif;
	color:#5bab15;
}

div, table, td, tr {margin: 0; padding: 0; border:0;}
	
.sin_margen {margin: 0; padding: 0; border:0;}

/* 
-----------------------------------------------
	ENCABEZADO
-----------------------------------------------
*/

#header {
	width: 900px;
	height: 150px;
	background-image:url(bgd_head.jpg);
	text-align: left;
	float:left;
}

	#logo {
		/* top, right, bottom, left */
		margin:0;
		padding:0;
		width: 220px;
		height: 109px;
		float: left;
	}
	
	#menu { 
		/* top, right, bottom, left */
		margin:0 0 0 80px;	
	}
	
	#menu ul {
			/* top, right, bottom, left */
			margin:0;
			padding:30px 0 30px 80px;
			line-height:20px;
			float:left;
			}
	
	#menu li{
			width:100px;
			/* top, right, bottom, left */
			margin:0;
			padding:30px 15px 30px 15px;
			border-right: 1px solid #fff;
			font: bold 1.2em "Trebuchet MS", Arial, Helvetica, Sans-Serif;
			color:#fff;
			line-height:20px;
			text-align:center;
			list-style:none;
			display:inline;
			}
			
	#menu ul li a, #menu ul li a:visited, #menu ul li a:link, #menu ul li a:active {
			width:110px;
			color:#fff;
			text-decoration:none;
			padding:23px 10px 0 10px;
			margin:0;
			}
	
	#menu ul li a:hover {
			color:#fff;
			text-decoration:none;
			padding:23px 10px 0 10px;
			margin:0;
			border-top: 8px solid #ffcf0c;
			}
			
	.activo {
			color:#fff;
			text-decoration:none;
			padding:23px 10px 0 10px;
			margin:0;
			border-top: 16px solid #ffcf0c;
			}

/* 
-----------------------------------------------
	CONTENIDO
-----------------------------------------------
*/

	
#cuerpo {
			width:900px;
			/* top, right, bottom, left */
			margin:0;
			padding:0;
			background-color:#ffffff;
			height:auto;
			text-align: left;
			float:left;
}
	#portada {
		width:870px;
		margin:0;
		padding:0;
		float:left;
	}
			
			#bienvenida {
				width:260px;
				margin: 0 0 30px 30px;
				padding:0;
				float:left;
			}
			
			.colhome {
				width:260px;
				margin: 0 0 0 30px;
				padding:0;
				float:left;
			}
			#apertura {
					width:580px;
					/* top, right, bottom, left */
					margin:0;
					padding:0;
					float:left;
			}
			.apertura {
				margin:40px 0 70px 55px;
				padding:0;
			}
/*			#col_1 {
					width:210px;
					
					margin:0 0 0 30px;
					padding:0;
					float:left;
			}
			* html #col_1{margin: 0 10px 0 15px}
			#col_2 {
					width:210px;

					margin:0 0 0 30px;
					padding:0;
					float:left;
			}
			* html #col_2{margin: 0 0 0 10px}
			
*/
			.bloquetxt{
					/* top, right, bottom, left */
					padding:0 0 10px 0;
					border-bottom: 1px dotted #5bab15;
			}

	#extras {
		width:260px;
		/* top, right, bottom, left */
		margin:0 0 0 30px;
		padding:0;
		float:left;
	}
	* html #extras {margin: 0 0 0 10px;}
	
	
	.videoplayer {
		width:550px;
		margin:30px 0 30px 30px;
		padding:0;
		float:left;
	}
	.btn_app {
		width:260px;
		/* top, right, bottom, left */
		margin:30px 0 0 30px;
		padding:0;
		float:left;
	}
	
			.news{
					/* top, right, bottom, left */
					padding:0 0 15px 0;
			}
			.news_fecha{
					font-family:"Trebuchet MS", Arial, Helvetica, Sans-Serif;
					font-size:1em;
					color:#5bab15;
			}
			.news_tit{
					font: bold 1.2em "Trebuchet MS", Arial, Helvetica, Sans-Serif;
					line-height: 1.2em;
					color:#2f8426;
					text-align:left;
					padding:10px 0 5px 0;
					margin:0;
					}
			
			#extras a.news, #extras a.news:visited, #extras a.news:link, #extras a.news:active {
					text-decoration:none;
					color:#848484;				
					}
	
			#extras a.news:hover {
					text-decoration:underline;
					color:#999999;
					}
	#recurso {
			float:left;
			width:220px;
			/* top, right, bottom, left */
			margin:50px 0 0 0;
			}
			
	.right {
			text-align:right;
			}
	
	#contenido {
			float:left;
			width:435px;
			/* top, right, bottom, left */
			margin:50px 0 0 70px;
			}
			#contenido p {
					color:#484848;
					}
			.sangria{
					margin-left:30px;
					}
			.justificado{
					text-align:justify;
					padding-bottom:10px;
					}
					
			#contenido .iconos ul {
					/* top, right, bottom, left */
					margin:0;
					padding:0;
					list-style:none;
					list-style-image:none;
					float:left;
					}
					
			#contenido .iconos li {
					width:300px;
					height:55px;
					/* top, right, bottom, left */
					margin:0;
					padding:0;
					font: 1.4em "Trebuchet MS", Arial, Helvetica, Sans-Serif;
					color:#484848;
					line-height:1.8em;
					list-style:none;
					list-style-image:none;
					}
					
			#contenido .iconos img {
					margin:0 10px 0 0;
					float:left;
					}
	
	#contenido ul li{
			font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
			font-size:1.1em;
			list-style-type:disc;
			list-style-image:url(list.gif);
			color:#484848;
			}
			
	#contenido p.piefoto  {
	padding:5px;
	margin:0;
	font-size:11px;
	color:#999;
	}
	
	.IMprod01 {
		height:1820px;
		float:left;
		}
	.IMprod02 {
		height:820px;
		float:left;
		}
	.IMprod03 {
		height:580px;
		float:left;
		}
			
			
/* 
-----------------------------------------------
	PIE
-----------------------------------------------
*/	

#footer {
			/* top, right, bottom, left */
			margin:0;
			padding:0;
			background-color:#ffffff;
			background-image:url(bgd_pie.jpg);
			width:900px;
			height:190px;
			text-align:left;
			float:left;
}

* html footer {
}

	#footer_logo {
			float:left;
			/* top, right, bottom, left */
			margin:0;
			padding:0;
			width:230px;
			height:130px;
			background:transparent url(logo_innovatec_pie.jpg) center center no-repeat;
			text-align:center;
		}
		
	#footer_dire {
			float:left;
			margin:28px 0 0 0;
			padding:5px 0 0 30px;
			width:250px;
			height:70px;
			font: normal 1.1em "Trebuchet MS", Arial, Helvetica, Sans-Serif;
			border-left: 0.1em solid #ccc;
			text-align:left;
		}
		
	#footer_menu {
			width: 380px;
			height: 50px;
			/* top, right, bottom, left */
			margin:48px 0 0 0;
			padding:0;
			text-align:center;	
			float:left;
			font-size:1.1em;
			}
			
* html #footer_menu {
}

	#footer_creditos {
			float:left;
			/* top, right, bottom, left */
			padding:0;
			margin:0;
			width:900px;
			height:25px;
		}	
	
	#footer_copyright {
			float:left;
			/* top, right, bottom, left */
			font: normal 1.1em "Trebuchet MS", Arial, Helvetica, Sans-Serif;
			padding:0;
			margin:0 0 10px 10px;
			text-align:left;
			width:500px;
		}	
	#footer_by {
			float:right;
			text-align:right;
			/* top, right, bottom, left */
			padding:0;
			margin:0 10px 10px 0;
			width: 250px;
		}
	#footer_by a, #footer_by a:link, #footer_by a:visited, #footer_by a:active, #footer_copyright a, #footer_copyright a:link, #footer_copyright a:visited, #footer_copyright a:active, #footer_menu a, #footer_menu a:link, #footer_menu a:visited, #footer_menu a:active, #footer_dire a, #footer_dire a:link, #footer_dire a:visited, #footer_dire a:active{
			font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;		
			text-decoration: none;
			color:#2f8426;
			}
			
	#footer_by a:hover, #footer_copyright a:hover, #footer_menu a:hover, #footer_dire a:hover {
			font-family: "Trebuchet MS", Arial, Helvetica, Sans-Serif;
			text-decoration: none;
			color:#5bab15;
			}
			
/* 
-----------------------------------------------
	FORMULARIO DE CONTACTO
-----------------------------------------------
*/
		
#contacto {
	width:300px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.2em;
	color:#666666;
	margin:0;
	padding:0;
}
	#contacto p {
			margin:0;
			padding:0;
			}
	.asteriscos {
			font: bold 1.2em "Trebuchet MS", Arial, sans-serif; 
			color:#5bab15;
			}
	#contacto label {
			clear:both;
			font-weight:bold;
			}
	.asteriscos {
			font: bold 12px "Trebuchet MS", Arial, sans-serif; 
			color:#5bab15;
			}
	
	#contacto .cajatexto {
			background:#ffffff;
			border:1px solid #c0c0c0;
			font: 1.2em Arial, Helvetica, sans-serif;
			padding:4px 3px 4px 3px;
			vertical-align:middle;
			color:#7A7A7A;
			margin-bottom:10px;
			margin-top:3px;
			}
	.caja_ancho {
			width:300px;
			}

	#contacto input[type=checkbox]{
			margin-right:3px;
			}
	#contacto select {
			width:190px;
			font: 1.2em Arial, Helvetica, sans-serif;
			color:#666666;
			height:22px;
			margin-top:3px;
			border:1px solid #3769cd;
			background:#ffffff;
			}
	#enviar {
			width: 72px;
			height: 30px;
			font-weight:bold;
			color:#FFFFFF;
			font-size:12px;
			padding: 0 0 5px 0;
			margin: 0;
			border: 0;
			background: url(bg_enviar.gif) no-repeat center top;
			overflow: hidden;
			cursor: pointer; /* para IE 5.x */
			}