/* CSS Document */

body{ margin:0 auto; font-family:sans-serif; font-size:11px; }

h1{ font-size:20px; color:#336600; }
h2{	font-size:14px;	color:#339900; border-bottom:1px solid #999999; }
h3{	font-size:12px;	color:#666666; }

p{ color:#666666; }
a{ color:#336600; }

/* HEADER =================================================================================================== */
#header{ height:105px; background-image:url(../images/headerBkgd.jpg); background-repeat:repeat-x; overflow:hidden; }
#logo{ float:left; background-image:url(../images/headerLogo.jpg); background-repeat:no-repeat;	height:105px; width:324px; }
#navigation{ float:right; height:50px; margin-top:55px; }

#enLink{ padding-top:10px; text-align:right; overflow:hidden; }

#tabs{ list-style:none; height:30px; }
#tabs li{ float:left; overflow:hidden; }
#tabs li a{	display:block; text-decoration:none; color:#3B3B3B;	background-image:url(../images/tabs.jpg); background-position:bottom; background-repeat:no-repeat; height:27px;
	        width:88px;	font-size:11px;	line-height:28px; text-align:center; }
#tabs li a:hover{ background-image:url(../images/tabs.jpg);	background-position:top; background-repeat:no-repeat; color:#CCC;}
#tabs li a.active{ background-image:url(../images/tabs.jpg);	background-position:top; background-repeat:no-repeat; color:#CCC;}
/* =================================================================================================== HEADER */

#banner{ background-color:#1c1f24; height:225px; }
#bannerBkgd{ background:url(../images/triviuxBannerHome.jpg) right no-repeat; background-color:#1c1f24; height:225px; }
#bannerTrivius{	background-image:url(../images/bannerTrivius.jpg); height:237px; }

#about{	height:257px; }
#aboutBkgd{	background-image:url(../images/aboutUs.jpg); height:257px; }

#main{ padding-top:30px; padding-bottom:30px; background-image:url(../images/mainBkgd.jpg);	background-repeat:repeat-x;	background-color:#3c4049; }
#mainContainer{	width:1004px; margin:0 auto; background-image:url(../images/containerBkgd.png); background-repeat:repeat-y;	overflow:hidden; background-position:center; }

.homeSectionBanner{ width:1000px; height:75px; }
.sectionBanner{ width:1000px; height:125px; }
.productBanner{	width:1000px; height:300px; }


.not2Cols{width:280px; margin-bottom:30px; text-align:left; }
.not2ColsLeft {float:left; width:85px; padding-left:10px;}
.not2ColsRight {float:left; width:120px; padding-left:20px; padding-top:10px;}

.buttonsAbout { margin-left:22px; }
.buttonsAbout img{ margin-top:90px; margin-right:30px; }

.content{ padding:0; text-align:left; width:1000px;	margin:0 auto; }
.container{	padding:0; width:1000px; margin:0 auto;	background-color:#FBFBFB; overflow:auto; line-height:1.8; }
.containerLeft{	margin:0; float:left; padding:0; width:699px; background-color:#FBFBFB;	}
.containerRight{ margin:0; float:left; padding:0; width:300px; background-color:#E8E8E8; border-left:1px dotted #339900;}
.container350{ margin:0; float:left; padding:0;	width:349px; }

.serviciosContainer{ width:1000px; background-color:#fbfbfb; height:900px; }

.servicio1{ width:660px; float:right; margin:0 0 20px 0; }
.servicio1 img{ float:left; vertical-align:middle; margin:0 20px 0 0; }
.servicio1 p{ font-size:14px; }
.servicio1 h2{ border:none; }
.servicio1 ul{ float:left; font-size:14px; color:#666; list-style:disc; padding-left:50px; text-align:justify; margin-bottom:20px; }

.servicio2{ width:660px; float:right; margin:0px 0; text-align:right; }
.servicio2 img{ float:right; margin:0 0 0 20px; }
.servicio2 p{ font-size:14px; }
.servicio2 h2{ border:none; }

.facts{ color:#666666; font-size:14px; }
.facts img{ margin:0 10px; vertical-align:middle; }
.facts li{ padding:5px; }
.facts1{ background-color:#ededed; }
.facts2{ background-color:#F9F9F9; }

.noticias{ text-align:justify; padding-right:10px; }
.justified{ text-align:justify; }
.newContainer{ clear:both; float:left; width:660px; }

.margins{ padding:16px; }

.buttons{ margin-left:2px; }
.buttons img{ margin-right:12px; }

.squareAbout{ float:left; width:333px; text-align:left;	margin-top:150px; }
.squareAbout p{	margin:0 auto; text-align:left;	color:#666666; padding:0 35px; }
.whiteSquare{ background-image:url(../images/aboutBkgd.jpg); background-repeat:repeat-x; height:auto; margin:0 auto; }

.listaClientes{	color:#333333; font-size:13px; margin:20px; font-weight:bold; }
.listaClientes li{ padding:5px;	border-bottom:1px solid #EFEFEF; }
.listaClientes li:hover{  }

.alianza{ padding:15px 5px 10px 0; border-bottom:1px solid #CCCCCC; float:left; width:250px; height:75px; line-height:1.2; }
.alianza img{ float:left; margin-right:15px; }
.alianza h3{ font-size:14px; line-height:normal; margin-top:5px; }

#contactForm{ background-color:#ededed;	padding:15px 15px 15px 10px; margin:20px; }
#contactForm table{	width:600px; }
#contactForm label{	color:#666666; font-weight:bold; margin:0; padding:0; vertical-align:baseline;}

.contacto{ font-size:13px; }
.contacto p{ font-size:11px; color:#666666; font-weight:normal; }

#contactForm input, textarea{ padding-top: 10px; padding-right: 10px; padding-bottom: 10px;	padding-left: 10px;
	background-color: #ffffff; background-image:url(../images/textboxBkgd.gif);	background-repeat: repeat-x; background-attachment: scroll;	background-position: center top;
	border-top-width: 1px; border-bottom-width: 1px; border-right-width: 0px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-left-style: solid;	border-bottom-style: solid;
	border-right-color: #cccccc; border-left-color: #fff; border-bottom-color: #cccccc;	border-top-color: #cccccc;
	margin-top: 0px; margin-right: 0px;	margin-bottom: 0px;	margin-left: 0px; color: #339900; font-size: 14px; }

.buttonEnviar{ background-image:url(../images/enviar.jpg) !important; background-repeat:no-repeat; width:139px;	height:60px; }
.buttonEnviar:hover{ background-image:url(../images/enviarHover.jpg) !important; background-repeat:no-repeat; width:139px; height:60px;	cursor:pointer; }

.career{ background-color:#ededed; margin:20px 20px 0 20px; padding:20px 30px; border-top:1px solid #CCCCCC; color:#666666; line-height:1.5; font-size:13px; }
.career h1 { vertical-align:middle; }
.career img{ margin-left:510px; position:absolute; }
.career h2{ margin-bottom:20px; } 
.career ul{ list-style:circle; margin-left:20px; }
.careerBottom{ background-color:#797f8d; height:60px; margin:0 20px 60px 20px; border-top:1px solid #666; }
.careerBottom a{ float:right; margin:5px 5px 0 0; }

/* FOOTER ====================================================== */
#footer{ margin:0 auto; height:251px; background-color:#212326; border-top:1px solid #999; }

.footer_links{ float:left; width:146px;	padding:10px; margin-top:10px; }
.footer_links p{ margin:0; padding:10px; color:#999; }
.footer_links h2{ padding:10px;	border-bottom:1px solid #999999; color:#b8e594;	font-size:14px; }

.enlacesLista{ padding:0; margin:0;	list-style:none; }
.enlacesLista a{ color:#999; text-decoration:none; }
.enlacesLista li{ padding:10px;	border-bottom:1px dotted #666666; }
.enlacesLista a:hover{ color:#b8e594; text-decoration:underline; }

#bottomLine{ margin:12px 0 0 0;	float:right; color:#999999; }
/* ====================================================== FOOTER */