/* CSS Document */



body{

	margin:0; padding:0;

	}



div, h2, p, form, input, label, ul, li,  a, img, span{

	margin:0; padding:0;

	}

	

.spacer{

	line-height:0; font-size:0; clear:both;

	}

	

	



/*-------------------------------------------Left Side Start----------------------------------------*/



#container{

	margin:0 auto; padding:0;

	width:950px;

	position:relative;

	}

	

#left{

	width:199px;

  margin-top:20px;

	padding:0 45px 0 45px;	

	color:#000000; background-color:#FFFFFF;

	float:left;

	}



#left img{

	position:absolute; left:50px; top:10px;

	}

	

#left ul{

	margin:0; padding:184px 0 30px 9px; 

	list-style:none;

	}

	

#left ul li{	

	margin:0; padding:0; height:53px; line-height:53px;

	}



#left ul li a.home{

	background:url(images/home_on.gif) no-repeat 0 0 #FFFFFF;

	font:normal 18px/18px Arial, Helvetica, sans-serif;

	color:#0475AD; text-decoration:none;

	width:104px; height:46px; display:block; 

	padding:7px 0 0 77px; margin:0;

	}

	

#left ul li a.home span{

	font:normal 14px/12px Arial, Helvetica, sans-serif;

	color:#515050; background-color:#F2F2F2;

	text-decoration:none; display:block;

	}

	

#left ul li a.home:hover{

	background:url(images/home_on.gif) no-repeat 0 0 #FFFFFF;

	color:#0475AD;

	}



#left ul li a.home span:hover{

	background:url(images/home_on.gif) no-repeat 0 0 #FFFFFF;

	color:#0475AD;

	}

	

#left ul li a.about{

	background:url(images/about_us.gif) no-repeat 0 0 #FFFFFF;

	font:normal 18px/18px Arial, Helvetica, sans-serif;

	color:#0475AD; text-decoration:none;

	width:104px; height:46px; display:block;

	padding:7px 0 0 77px; margin:0;

	}

	

#left ul li a.about span{

	font:normal 14px/12px Arial, Helvetica, sans-serif;

	color:#515050; display:block; background-color:#FFFFFF;

	text-decoration:none; margin:0; padding:0;

	}

	

#left ul li a.about:hover{

	background:url(images/about_us_on.gif) no-repeat 0 0 #FFFFFF;

	color:#0475AD;

	}

	

#left ul li a.about:hover span{

	background-color:#F2F2F2; color:#515050;

	}

	

#left ul li a.graph{

	background:url(images/graph.gif) no-repeat 0 0 #FFFFFF;

	font:normal 18px/18px Arial, Helvetica, sans-serif;

	color:#0475AD; text-decoration:none;

	width:104px; height:42px; display:block;

	padding:11px 0 0 77px; margin:0;

	}

	

#left ul li a.graph span{

	font:normal 14px/12px Arial, Helvetica, sans-serif;

	color:#515050; display:block; background-color:#FFFFFF;

	text-decoration:none;

	}

	

#left ul li a.graph:hover{

	background:url(images/graph_on.gif) no-repeat 0 0 #FFFFFF;

	color:#515050;

	}

	

#left ul li a.graph:hover span{

	background-color:#F2F2F2; color:#515050;

	}	

	

#left ul li a.planning{

	background:url(images/planning.gif) no-repeat 0 0 #FFFFFF;

	font:normal 18px/18px Arial, Helvetica, sans-serif;

	color:#0475AD; text-decoration:none;

	width:104px; height:42px; display:block;

	padding:11px 0 0 77px; margin:0;

	}

	

#left ul li a.planning span{

	font:normal 14px/12px Arial, Helvetica, sans-serif;

	color:#515050; display:block; background-color:#FFFFFF;

	text-decoration:none;

	}

	

#left ul li a.planning:hover{

	background:url(images/planning_on.gif) no-repeat 0 0 #FFFFFF;

	color:#0475AD;

	}

	

#left ul li a.planning:hover span{

	background-color:#F2F2F2; color:#515050;

	}

	

#left ul li a.services{

	background:url(images/services.gif) no-repeat 0 0 #FFFFFF;

	font:normal 18px/18px Arial, Helvetica, sans-serif;

	color:#0475AD; text-decoration:none;

	width:104px; height:42px; display:block;

	padding:11px 0 0 77px; margin:0;

	}

	

#left ul li a.services span{

	font:normal 14px/12px Arial, Helvetica, sans-serif;

	color:#515050; display:block; background-color:#FFFFFF;

	text-decoration:none;

	}

	

#left ul li a.services:hover{

	background:url(images/services_on.gif) no-repeat 0 0 #FFFFFF;

	color:#0475AD;

	}

	

#left ul li a.services:hover span{

	background-color:#F2F2F2; color:#515050;

	}



#left ul li a.projects{

	background:url(images/projects.gif) no-repeat 0 0 #FFFFFF;

	font:normal 18px/18px Arial, Helvetica, sans-serif;

	color:#0475AD; text-decoration:none;

	width:104px; height:42px; display:block;

	padding:11px 0 0 77px; margin:0;

	}

	

#left ul li a.projects span{

	font:normal 14px/12px Arial, Helvetica, sans-serif;

	color:#515050; display:block; background-color:#FFFFFF;

	text-decoration:none;

	}

	

#left ul li a.projects:hover{

	background:url(images/projects_on.gif) no-repeat 0 0 #FFFFFF;

	color:#0475AD;

	}

	

#left ul li a.projects:hover span{

	background-color:#F2F2F2; color:#515050;

	}

	

#left ul li a.contact{

	background:url(images/contact.gif) no-repeat 0 0 #FFFFFF;

	font:normal 18px/18px Arial, Helvetica, sans-serif;

	color:#0475AD; text-decoration:none;

	width:104px; height:42px; display:block;

	padding:11px 0 0 77px; margin:0;

	}

	

#left ul li a.contact span{

	font:normal 14px/12px Arial, Helvetica, sans-serif;

	color:#515050; background-color:#FFFFFF; 

	display:block;

	text-decoration:none;

	}

	

#left ul li a.contact:hover{

	background:url(images/contact_on.gif) no-repeat 0 0 #FFFFFF;

	color:#0475AD;

	}

	

#left ul li a.contact:hover span{

	background-color:#F2F2F2; color:#515050;

	}

	

#left h2{

	font:normal 22px/26px Arial, Helvetica, sans-serif;

	color:#000000; background-color:#F3F3F3; 

	padding:14px 0 8px 0;

	}

	

#left div.member{

	margin:0; padding:0;

	background-color:#F3F3F3; color:#000000;

	}

	

#left div.topcurve{

	background:url(images/top_curve.gif) no-repeat 0 #FFFFFF;

	height:4px; width:199px; font-size:0; 

	display:block;

	}



#left div.bottomcurve{

	background:url(images/bottom_curve.gif) no-repeat 0 0 #FFFFFF;

	height:4px; width:199px; font-size:0; color:#000000;

	display:block;

	}

	

#left form#memberForm{

	background:url(images/form_bg.gif) repeat-y 0 0 #FFFFFF;

	color:#000000; width:149px; height:183px;

	padding:0 25px 0 25px;

	}



#left form#memberForm input{

	width:138px; height:16px;

	background-color:#FFFFFF; 

	border-top:#808080 solid 1px;

	border-right:#D4D0C8 solid 1px;

	border-bottom:#D4D0C8 solid 1px;

	border-left:#808080 solid 1px;

	font:normal 14px/16px Arial, Helvetica, sans-serif;

	color:#000000; margin:0 0 6px 0; padding:4px; 

	float:left;

	}

	

#left form#memberForm p.remember{

	font:normal 10px/11px Arial, Helvetica, sans-serif;

	color:#282828; text-transform:uppercase; background-color:#F3F3F3;

	width:125px; height:28px; 

	float:left;

	}



#left form#memberForm input.check{

	width:16px; height:16px; border:none; background:none;

	float:right;

	}

	

#left form#memberForm div.login{	

	background-color:#D0D0D0; width:148px; height:15px;

	color:#000000; 

	}

	

#left form#memberForm input.loginBtn{

	background:url(images/login_btn.gif) no-repeat 0 0 #F3F3F3;

	font:bold 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#FDFDFD; width:67px; height:15px; margin:0; padding:0;

	text-align:center; border:none;

	cursor:pointer; float:right;

	}



a.registerBtn{

	background:url(images/register_btn.gif) no-repeat 3px 0 #F3F3F3;

	font:bold 11px/15px "Trebuchet MS", Arial, Helvetica, sans-serif;

	text-align:center; text-decoration:none;

	color:#FFFFFF; border:0; margin:0; padding:0 0 0 3px;

	width:67px; height:15px; 	

	float:right;

	}



#left div.contact{

	margin:20px 0 27px 0;

	width:199px;

	}

	

#left form#contactForm{

	background:url(images/form_bg.gif) repeat-y 0 0 #FFFFFF;

	color:#000000; 
	width:149px; 
	height: 465px;

	padding:0 25px 0 25px;

	}



		

#left form#contactForm label{

	font:normal 14px/22px Arial, Helvetica, sans-serif;

	color:#333227; background-color:#F3F3F3; 

	display:block;

	float:left;

	}

	

#left form#contactForm input{

	width:138px; height:16px;

	background-color:#FFFFFF; 

	border-top:#808080 solid 1px;

	border-right:#D4D0C8 solid 1px;

	border-bottom:#D4D0C8 solid 1px;

	border-left:#808080 solid 1px;

	font:normal 14px/16px Arial, Helvetica, sans-serif; color:#000000;	

	padding:4px; float:left;

	}

#left form#contactForm img{

	width:138px; height:16px;

	background-color:#FFFFFF; 

	border-top:#808080 solid 1px;

	border-right:#D4D0C8 solid 1px;

	border-bottom:#D4D0C8 solid 1px;

	border-left:#808080 solid 1px;

	font:normal 14px/16px Arial, Helvetica, sans-serif; color:#000000;	

	padding:4px; float:left;

	}
	

#left form#contactForm textarea{

	width:142px; height:68px;

	background-color:#FFFFFF; 

	border-top:#808080 solid 1px;

	border-right:#D4D0C8 solid 1px;

	border-bottom:#D4D0C8 solid 1px;

	border-left:#808080 solid 1px;

	font:normal 14px/16px Arial, Helvetica, sans-serif;

	color:#000000; float:left;

	}

	

#left form#contactForm div.submit{

	width:148px;


	color:#000000;

	margin:0px 0px 0px 0px;

	}

	

#left form#contactForm input.resetBtn{

	background:url(images/login_btn.gif) no-repeat 0 0 #F3F3F3;

	font:bold 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#FDFDFD; width:67px; height:15px; margin:0; padding:0;

	text-align:center; border:none;

	cursor:pointer; float:right;

	}	



#left form#contactForm input.submitBtn{

	background:url(images/register_btn.gif) no-repeat 3px 0 #F3F3F3;

	font:bold 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#FDFDFD; width:70px; height:15px; margin:0; padding:0 0 0 3px;

	text-align:center; border:none;

	cursor:pointer; float:right;

	}





/*-------------------------------------------Left Side End----------------------------------------*/



/*-------------------------------------------Right SIde Start----------------------------------------*/



#right{

	

	color:#000000; width:600px; padding:10px 32px 0 0;

	float:left;	

	}

	

#right h2{

	font:normal 36px/38px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#000000; text-transform:uppercase; background-color:#FFFFFF;

	margin:0 0 8px 0;

	}

	

#right h2 span{

	font:normal 36px/38px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#0475AD; text-transform:uppercase; background-color:#FFFFFF;

	}

	

#right p{

	font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#595858; background-color:#FFFFFF;

	}

#right strong{

	font-weight:bold;

	}



a.read{

	background:url(images/read_more_bg.gif) no-repeat 0 0 #FFFFFF;

	font:bold 11px/15px Arial, Helvetica, sans-serif;

	color:#FBFBFB; text-align:center; width:97px;

	text-decoration:none; margin:0 10px 29px 0;

	float:right;

	}

	

#right div.cmyk{

	background:url(images/servicio_impresion.png) no-repeat 0 0 #FFFFFF;

	color:#000000; width:320px; height:203px; 

	margin:0 2px 0 40px;

	float:left;

	}

	



	

#right h2.dates{

	background:url(images/tacho.jpg) no-repeat 0 0 #FFFFFF;

	font:normal 24px/30px Arial, Helvetica, sans-serif;

	color:#0475AD; width:245px; height:54px; 

	padding:7px 0 0 74px; margin:30px 0 20px 0; float:left;

	}

	

#right h2.dates span{

	background:url(images/date_bg.gif) no-repeat 0 0 #FFFFFF;

	font:bold 12px/17px Arial, Helvetica, sans-serif;

	color:#282828; width:169px; height:17px; padding:0 0 0 11px; float:left;

	}

	

#right p.greyText{

	font:normal 14px/18px Verdana, Arial, Helvetica, sans-serif;

	color:#595858; background-color:#FFFFFF; 

	padding:0 0 12px 0;

	}

	

#right strong{

	font-weight:bold;

	}

	

#right p.bold{

	font:normal 15px/22px Verdana, Arial, Helvetica, sans-serif;

	color:#595858; background-color:#FFFFFF; 

	padding:0 0 18px 0;

	}

	



/*-------------------------------------------Right SIde End----------------------------------------*/



/*-------------------------------------------Footer Start----------------------------------------*/



#footerOuter{

	background-color:#EBEBEB; border-top:#D9D9D9 solid 2px;

	color:#000000;

	}

	

#footer{

	position:relative;

	margin:0 auto; width:778px;

	background:url(images/footer_logo.png) no-repeat 0 0 ;

	color:#000000; height:115px; 

	padding:24px 14px 0 0;
	background-color:#EBEBEB;


	}

	

#footer img{

	position:absolute; left:50px; top:17px;

	}

	

#footer ul.nav{

	padding:0; margin:0;

	}

	

#footer ul.nav li{

	list-style:none;

	font:normal 10px/11px Arial, Helvetica, sans-serif;

	color:#010101; background-color:#EBEBEB; 

	float:right;

	}

	

#footer ul.nav li a{

	font:normal 10px/11px Arial, Helvetica, sans-serif;

	color:#010101; text-transform:uppercase; padding:0 10px;

	text-decoration:none; background-color:#EBEBEB;

	}

#footer ul.nav li a:hover{

	background-color:#D6D3D3; color:#010101;

	}

	

#footer p{

	font:normal 12px/28px Arial, Helvetica, sans-serif;

	color:#AF5200; background-color:#EBEBEB; 

	padding:0 10px 0 0; float:right;

	}

	

#footer ul.bottom{

	margin:0; padding:0;

	}



#footer ul.bottom li{

	list-style:none; float:right;



	color:#070707; padding:0 12px 0 0;	margin:0 8px 0 0;

	}

	

#footer ul.bottom li a{

	font:bold 12px/14px Arial, Helvetica, sans-serif;

	color:#070707; background-color:#EBEBEB; 

	text-decoration:none;

	}

	

#footer ul.bottom li a:hover{

	background-color:#D6D3D3; color:#070707;

	}

	

#footer p.design{

	font:normal 12px/28px Arial, Helvetica, sans-serif;

	color:#AF5200; background-color:#EBEBEB; 	

	padding:0 10px 0 0; float:right;

	}

	

#footer p.design a{

	font:bold 12px/28px Arial, Helvetica, sans-serif;

	color:#AF5200; text-decoration:none; background-color:#EBEBEB;

	}

	

#footer p.design a:hover{

	background-color:#E6BD98; color:#AF5200;

	}

	

#left .capimg{

	position:inherit; left:50px; top:10px;

	}


/*-------------------------------------------Footer End----------------------------------------*/

form {
    display: block;
    margin-top: 0em;
}



.form-control {
    display: block;
    
    padding: .375rem .75rem;
    font-size: 1rem;
    line-height: 1.5;
    color: #495057;
    background-color: #fff;
    background-clip: padding-box;
    border: 1px solid #ced4da;
    border-radius: .25rem;
    transition: border-color .15s ease-in-out,box-shadow .15s ease-in-out;
    }

 table #form td{
 		text-align: center;
 }   

 .submitBtn{

	

	font:bold 11px/12px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#FDFDFD; width:70px; height:15px; margin:0; padding:0 0 0 3px;

	text-align:center; border:none;

	cursor:pointer; float:right;

	}


	#columna1 {
position:absolute;
top:0px;
left:0px;
margin-left:140px;
margin-top:10px;

}
#columna2 {
margin-left:380px;
margin-right:-100px;
margin-top:10px;

}

.g-recaptcha {
    transform:scale(0.6);
    transform-Origin:0 0;
    margin-left: -10%;
    margin-top: 150px;	
}