@charset "utf-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #f1f1f1;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	color: #000000;
	
}
p{ font-family:Verdana, Geneva, sans-serif; font-size:0.85em; }
.container { 
	width: 1024px;  /* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar */
	height:auto;
	background-image:url(images/bg-content.jpg);
	background-repeat:repeat-y;
	border-color:#CCC;
	border-style:solid;
	border-width:thin;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	text-align:justify; /* this overrides the text-align: center on the body element. */
}

.sidebarInbdex {

	float: left; /* since this element is floated, a width must be given */
	width: 340px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	height:766px;
	background-image:url(images/menu-index.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#IndexContent{
	background-image:url(images/indexContent.jpg);
	background-repeat:no-repeat;
	background-position:top;
	vertical-align:top;
	margin: 0 0 0 340px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width:684px;
	height:766px;
		
}
#IndexContFlash{
	
	vertical-align:top;
	margin: auto;
	width:684px;
	height:650px;
		
}
#IndexParagraph{
	padding:0 20px;
	margin:0 100px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:450;
	font-size:1em;
	word-break:hyphenate;
	border-left:#d8f8ff solid medium;
	border-right:#d8f8ff solid medium;
}
	
.logoIndex{display:block; text-indent: -99999px; width: 340px; height:273px;}
.logoIndex:hover{display:block; text-indent:-99999px; width: 340px; }

.sidebar1 {

	float: left; /* since this element is floated, a width must be given */
	width: 340px; /* the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	min-height:768px;
	background-image:url(images/menu-interno.jpg);
	background-repeat:no-repeat;
	background-position:top;
}

#menu{margin: 63px 0 0 110px; list-style:none; display:list-item;}

.logo{display:block; text-indent: -99999px; width: 340px; height:319px;}
.logo:hover{display:block; text-indent: -99999px; width: 340px; height:319px;}

#home{display:block; text-indent: -99999px; width:200px; height:55px; margin-left:70px;}
#home:hover{display:block; background-image:url(images/hoverInterno-home.png); background-repeat:no-repeat; background-position:top; text-indent: -99999px; width:200px; height:55px; margin-left:70px;}
#homeAct .homeAct{display:block; background-image:url(images/hoverInterno-home.png); background-repeat:no-repeat; background-position:top; text-indent: -99999px; width:200px; height:55px; margin-left:70px;}

#nosotros{display:block; text-indent: -99999px; width:200px; height:52px; margin-left:70px;}
#nosotros:hover{  background-image:url(images/hoverInterno-nosotros.png); background-repeat:no-repeat; background-position:top; text-indent: -99999px; width:200px; height:52px; margin-left:70px;}
#nosotrosAct .nosotrosAct{display:block; background-image:url(images/hoverInterno-nosotros.png); background-repeat:no-repeat; background-position:top; text-indent: -99999px; width:200px; height:52px; margin-left:70px;}

#como{display:block; text-indent: -99999px; width:200px; height:54px; margin-left:70px;}
#como:hover{display:block; background-image:url(images/hoverInterno-como.png); background-repeat:no-repeat; background-position:top; text-indent: -99999px; width:200px; height:54px; margin-left:70px;}
#comoAct .comoAct{display:block; background-image:url(images/hoverInterno-como.png); background-repeat:no-repeat; background-position:top; text-indent: -99999px; width:200px; height:54px; margin-left:70px;}

#servicios{display:block; text-indent: -99999px; width:200px; height:54px; margin-left:70px;}
#servicios:hover{display:block; background-image:url(images/hoverInterno-servicios.png); background-repeat:no-repeat; background-position:top; text-indent: -99999px; width:200px; height:54px; margin-left:70px;}
#serviciosAct .serviciosAct{display:block; background-image:url(images/hoverInterno-servicios.png); background-repeat:no-repeat; background-position:top; text-indent: -99999px; width:200px; height:54px; margin-left:70px;}

#contactenos{display:block; text-indent: -99999px; width:200px; height:53px; margin-left:70px;}
#contactenos:hover{display:block; background-image:url(images/hoverInterno-contactenos.png); background-repeat:no-repeat; background-position:top; text-indent: -99999px; width:200px; height:53px; margin-left:70px;}
#contactenosAct .contactenosAct{display:block; background-image:url(images/hoverInterno-contactenos.png); background-repeat:no-repeat; background-position:top; text-indent: -99999px; width:200px; height:53px; margin-left:70px;}


.mainContent { 
	margin: 0 0 0 340px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width:684px;
	min-height:700px;
} 

#ContactenosContent{
	background-image:url(images/bg-contactenos.jpg);
	background-repeat:no-repeat;
	background-position:top;
	vertical-align:top;
	margin: 0 0 0 340px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width:684px;
	height:780px;
	padding-bottom:25px;
	
	}
#ContactenosContentForm{
	background-image:url(images/bg-contactenosForm.jpg);
	background-repeat:no-repeat;
	background-position:top;
	vertical-align:top;
	margin: 0 0 0 340px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width:684px;
	height:780px;
	padding-bottom:25px;
	
	}
#ContactenosTitle{
	height:100px;
	padding:50px 0 0 200px;
	color:#0051D3;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:lighter;
	}
#ContactenosParagraph{
	height:auto;
	line-height:17px;
	padding:0 200px 0 200px;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.85em;
	}
#ContactenosTitle2 h2{
	line-height:17px;
	padding:10px 0 0 200px;
	color:#0051D3;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.75em;
	font-weight:lighter;
	}
#infoContacto{
	line-height:17px;
	padding:10px 0 0 170px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.75em;
	font-weight:lighter;
	}
	
#infoContacto ul{
	line-height:17px;
	padding:40px 0 0 35px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.85em;
	font-weight:lighter;
	text-decoration:none;
	display:block;
	list-style:none;
	float:left;
	}
#contactForm{
	float:left;
	width:660px;
	height:auto;
	padding:0;
	margin-top:35px;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.85em;
	}
#contactForm input{
	
	height:22px;
	margin:2px;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.85em;
	}
	
#serviciosConten{
	background-image:url(images/bg-servicios.jpg);
	background-repeat:no-repeat;
	background-position:top;
	vertical-align:top;
	margin: 0 0 0 340px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width:684px;
	height:768px;
	padding-bottom:25px;
	
	}
#ServiciosTitle{
	height:100px;
	padding:50px 0 0 200px;
	color:#9cca3b;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:lighter;
	}
#ServiciosParagraph{
	height:auto;
	line-height:17px;
	padding:20px 150px 0 200px;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.85em;
	}
#ServiciosParagraph ul{
	padding:0px 0 0 20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.85em;
	font-weight:lighter;
	text-decoration:none;
	display:block;
	list-style:none;
	float:left;
	}
#ServiciosParagraph li{
	margin:0 0 15px 0;
	}
	
	/*como*/
#ComoConten{
	background-image:url(images/bg-como.jpg);
	background-repeat:no-repeat;
	background-position:top;
	vertical-align:top;
	margin: 0 0 0 340px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width:684px;
	height:auto;
	padding-bottom:25px;
	
	}
#ComoTitle{
	height:100px;
	padding:50px 0 0 200px;
	color:#079f73;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:lighter;
	}
	
#ComoParagraph01{
	height:auto;
	line-height:17px;
	padding:10px 70px 0 90px;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.85em;
	color:#FFF;
	}
	
#ComoTitle02{
	padding:10px 0 0 90px;
	color:#079f73;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.70em;
	font-weight:lighter;
	}
#ComoParagraph02{
	height:auto;
	padding:0px 300px 0 90px;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.85em;
	}
#ComoTitle03{
	padding:0 0 0 90px;
	color:#079f73;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.70em;
	font-weight:lighter;
	}
#ComoParagraph03{
	height:auto;
	padding:0px 300px 0 90px;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.85em;
	word-break:hyphenate;
	}
	
/*nosotros*/
#NosotrosConten{
	background-image:url(images/bg-nosotros.jpg);
	background-repeat:no-repeat;
	background-position:top;
	vertical-align:top;
	margin: 0 0 0 340px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	width:684px;
	height:auto;
	padding-bottom:25px;
	}
	
#NosotrosTitle{
	height:100px;
	padding:50px 0 0 200px;
	color:#3262af;
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	font-weight:lighter;
	}
	
#NosotrosParagraph01{
	height:auto;
	line-height:normal;
	padding:25px 70px 0 90px;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.85em;
	color:#FFF;
	}
	
#NosotrosTitle02{
	padding:0px 0 0 90px;
	color:#3262af;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.70em;
	font-weight:lighter;
	}
#NosotrosParagraph02{
	height:auto;
	line-height:17px;
	padding:25px 300px 0 90px;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.85em;
	}
#NosotrosTitle03{
	padding:0 0 0 90px;
	color:#3262af;
	font-family:Verdana, Geneva, sans-serif;
	font-size:0.70em;
	font-weight:lighter;
	}
.NosotrosParagraph03{
	height:auto;
	line-height:17px;
	padding:0px 300px 0 90px;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.85em;
	word-break:hyphenate;
	}
.NosotrosParagraph03 ul{
	height:auto;
	line-height:17px;
	font-family:Verdana, Geneva, sans-serif; 
	font-size:0.85em;
	}	
.footer{background-image:url(images/footer.jpg); background-repeat:no-repeat; background-position:center; width:1024px; height:100px; float:left; }
.footer p{color:#FFF; font-family:Arial, Helvetica, sans-serif; text-align:justify; font-size:11px; margin:10px 30px 0 340px; }

.footer a{color:#FFF; }


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}