/* define global styles */

*{ margin:0; padding:0; outline:0; border:0px;  font-weight: inherit; font-style:inherit; font-size:inherit; font-family:Arial, Helvetica, sans-serif; }
:focus { outline: 0; }

ol, ul, li {
	list-style:none;
	list-style-position:outside;
	text-align: right;
}

table { border-collapse:separate; border-spacing: 0; }

caption, th, td { text-align: left; font-weight: normal; }

blockquote:before, blockquote:after,q:before, q:after { content: ""; }

blockquote, q { quotes: "" ""; }

a{
	text-decoration:none;
	cursor:pointer;
	color:#FFFFFF;
}

p{
	margin-bottom:10px;
	text-align:right;
}

b{ font-weight:bold; }

input{padding:3px; background:#ffffff; color:#2e3507;}
textarea{padding:3px; border:1px solid #c9e3a6; background:#ffffff; color:#252525;}

input:hover { background:#fff44c; }

body { font-family:Arial, Helvetica, Verdana, Tahoma; font-size:14px; background:#ffffff; color:#252525; }

/* end of global styles */



/* Comman style-----*/

#plinestudio{ display:block; width:960px; margin:0px auto; }

h1.title{ clear:both; display:block; overflow:hidden; height:1px; text-indent:-1000px; color:#FFFFFF; }
h2.title{ clear:both; display:block; overflow:hidden; height:1px; text-indent:-1000px; color:#FFFFFF; }

.menubar{ display:block; height:36px; overflow:hidden; }
.menubar a{
	float:left;
	height:36px;
	width:100px;
	text-transform:uppercase;
	text-indent:-90px;
	overflow:hidden;
	background-image: url(images/menu.png);
	background-repeat: no-repeat;
}
.menubar a.menu_work{ width:80px; margin-right:15px; }
.menubar a.menu_about{
	width:80px;
	margin-right:15px;
	background-position:-95px 0px;
}
.menubar a.menu_process{
	width:98px;
	margin-right:1px;
	background-position:-193px 0px;
}
.menubar a.menu_contact{
	width:130px;
	background-position:-299px 0px;
	float: left;
}

.menubar a.workactive{ width:80px; margin-right:15px; background-position:0px -36px; }
.menubar a.aboutactive{ width:80px; margin-right:15px; background-position:-93px -36px; }
.menubar a.processactive{ width:80px; margin-right:20px; background-position:-193px -36px; }
.menubar a.contactactive{ width:100px; background-position:-293px -36px; }
/* End of Comman style-----*/


/* Home Page style */
#pagehome{ display:block; background:url(images/main_pg2.gif) no-repeat top left; height:760px;}

/* Top logo -----------*/
.logo{ display:block; height:	px; padding-left:100px; padding-top:25px; }
.logo a{
	display:block;
	height:145px;
	width:240px;
}
/* End of Top logo -----------*/

.basebox{ display:block; clear:both; overflow:auto; height:100%; }
.basebox .leftbox{
	float:left;
	width:475px;
	top: 0px;
	height: 400px;
}
.basebox .rightbox{ float:left; width:485px; }

/* Home Intro -----------*/
#pagehome .intro{ padding-top:80px; padding-left:10px;}
#pagehome .intro li{
	display:block;
	text-align:right;
	text-transform:uppercase;
	font-size:10px;
	padding:2px 8px;
	line-height:16px;
	color: #000;
}
/* End of Home Intro -----------*/

#pagehome .menubar{
	padding-top:323px;
	padding-left:15px;
}
/* End of Home Page style */


/* Works Page style */
#pageworks{
	display:block;
	background-position:270px 26px;
	margin-top:0px;
	padding-top:0px;
	background-image: url(images/servicios.gif);
	background-repeat: no-repeat;
}
#pageworks .menubar{ padding-left:420px; }

#pageworks .logo{ clear:both; height:115px; padding-left:780px; padding-top:0px;}
#pageworks .logo a{ display:block; height:115px; width:180px; }


/* Gallery in works Page style */
#gallery{ display:block; padding-top:30px; padding-left:253px; margin:0px; }
#gallery li{ display:block; height:160px; overflow:hidden; margin-bottom:10px; }
#gallery .galid{ float:left; width:28px; height:145px; font-size:14px; font-weight:bold; color:#a5a5a5; padding-top:15px; background:url(images/arrow.gif) no-repeat; background-position:0px 35px; }
#gallery .galimage{ float:left; width:495px; height:160px; cursor:pointer; }
#gallery .zoom{ float:left; width:85px; height:26px; margin-top:50px; margin-left:-85px; display:none;}
#gallery .zoom a{display:block; width:85px; height:26px; background:url(images/zoom.png) no-repeat; }
#gallery .galinfo{ float:left; margin-top:25px; padding-left:1px; }
#gallery .galinfobar{ height:78px; width:201px; background:#efefef; }
#gallery .galinfocon{ height:63px; width:181px; padding-left:20px; padding-top:15px; }
#gallery .galinfo p{ margin-bottom:5px; font-size:10px; color:#262626; text-transform:uppercase; }
/* End of Gallery in works Page style */

.galbottom{ clear:both; width:576px; height:55px; }
.galbottom .infobox{ width:250px; height:55px; padding:0px 20px 0px 10px; background:#dd2500 url(images/gall_reg_bg.gif) no-repeat top right; float:right; }
.galbottom .infobox p{ font-size:10px; text-align:right; color:#FFFFFF; padding-top:8px; }

#pageworks .linkhome{ clear:both; width:790px; height:26px; padding-top:30px; }
#pageworks .linkhome a{
	float:right;
	height:26px;
	line-height:26px;
	width:50px;
	color:#FFFFFF;
	text-align:center;
	font-size:10px;
	background-color: #EC2157;
}

#pageworksbottom{ display:block; clear:both; height:41px; background:url(images/bottom_bars.gif) no-repeat top right; }
/* End of Works Page style */


/* About Page style */
#pageabout{
	display:block;
	padding-top:0px;
	background-image: url(images/about_bg.gif);
	background-repeat: repeat-y;
	background-position:270px 26px;
	right: 0px;
}
#pageabout div.title{
	display:block;
	height:163px;
	background-position:295px 37px;
	background-image: url(images/nosotros.gif);
	background-repeat: no-repeat;
}
#pageabout .menubar{ padding-left:420px; }

#pageabout .logo{ clear:both; height:115px; padding-left:770px; padding-top:15px;}
#pageabout .logo a{
	display:block;
	height:115px;
	width:180px;
}

#pageabout .content{
	clear:both;
	display:block;
	width:400px;
	padding-left:520px;
	padding-top:30px;
	overflow:auto;
	height:100%;
	float: none;
	background-position:80px 3px;
	background-image: url(images/us.jpg);
	background-repeat: no-repeat;
	color: #6f6f6f;
}
#pageabout .content p{ text-align:right; line-height:18px; padding:7px 10px; }
#pageabout .linkhome{
	clear:both;
	width:910px;
	height:26px;
	padding-top:20px;
}
#pageabout .linkhome a{
	float:right;
	height:26px;
	line-height:26px;
	width:50px;
	color:#FFFFFF;
	text-align:center;
	font-size:10px;
	background-color: #EC2157;
}
#pageaboutbottom{ display:block; clear:both; height:41px; background:url(images/bottom_bars.gif) no-repeat; background-position:right -50px; }
/* End of About Page style */


/* About Page style */
#pageprocess{ display:block; background:url(images/about_bg.gif) repeat-y; background-position:270px 0px; padding-top:0px;}
#pageprocess div.title{
	display:block;
	height:175px;
	width:965px;
	background-image: url(images/colombia.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#pageprocess .menubar{ padding-left:420px; }

#pageprocess .logo{ clear:both; height:115px; padding-top:15px;}
#pageprocess .logo a{
	display:block;
	height:115px;
	width:180px;
	float:right;
}

#pageprocess .content{
	clear:both;
	display:block;
	width:700px;
	padding-left:20px;
	padding-top:30px;
	overflow:auto;
	height:100%;
	float: right;
}

ul.verysimple{ display:block; overflow:auto; height:100%; clear:both; margin-bottom:10px; padding-right:10px; }
ul.verysimple li.heading{
	display:block;
	clear:both;
	font-size:30px;
	font-weight:bold;
	color:#ED2156;
	text-align:right;
	padding-right:5px;
	letter-spacing:-2px;
	margin-bottom:5px;
}
ul.verysimple li.simpleinfo{ display:block; padding-left:30px; font-size:14px; color:#6f6f6f; text-align:right; padding-right:10px;}

ul.processinfo{ clear:both; margin-right:10px; border-top:1px solid #6f6f6f; }
ul.processinfo li{ display:block; border-bottom:1px solid #d8d8d8; padding:8px 0px; color:#6f6f6f;}

#pageprocess .linkhome{
	clear:both;
	width:910px;
	height:26px;
	padding-top:20px;
}
#pageprocess .linkhome a{
	float:right;
	height:26px;
	line-height:26px;
	width:50px;
	color:#FFFFFF;
	text-align:center;
	font-size:10px;
	background-color: #EC2157;
}

#pageprocessbottom{ display:block; clear:both; height:41px; background:url(images/bottom_bars.gif) no-repeat; background-position:right -110px; }
/* End of About Page style */



/* Contact Page style */
#pagecontact{ display:block; background:url(images/about_bg.gif) repeat-y; background-position:195px 0px; padding-top:0px;}
#pagecontact div.title{
	display:block;
	height:167px;
	background-image: url(images/contacto.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#pagecontact .menubar{ padding-left:420px; }

#pagecontact .logo{ clear:both; height:115px; padding-top:15px;}
#pagecontact .logo a{
	display:block;
	height:115px;
	width:165px;
	float:right;
}

#pagecontact .content{ clear:both; display:block; width:900px; padding-top:40px; overflow:auto; height:100%; }
#pagecontact .contentleft{ float:right; width:220px; padding-right:0px; }
#pagecontact .contentright{ float:right; width:420px; padding-right:10px;}

#pagecontact .content p{ text-align:left; display:block; margin-bottom:0px; color:#5f5f5f; }
#pagecontact .content .info_name{ font-size:18px; padding:0px; color:#252525; border-bottom:1px solid #d8d8d8; padding-bottom:5px; margin-bottom:8px; }
#pagecontact .content .info_title{ font-size:14px; margin-bottom:15px; color:#252525; }
#pagecontact .content .info_address{ padding-bottom:30px;}
#pagecontact .content .info_contact{ color:#252525;}
#pagecontact .content .info_contact a{ color:#252525;}
#pagecontact .content .info_lenin{ color:#252525;}
#pagecontact .content .info_contact span{ font-weight:bold; color:#252525;}

#pagecontact .contentright p{ font-size:11px; line-height:18px; padding-left:35px; text-align:right; }

#contactform{display:block; overflow:auto; height:100%; padding-top:20px; }
#contactform li.lable{ float:left; width:150px; padding:10px 0px; text-align:right; }
#contactform li.lable span{ font-size:10px; color:#999999; }
#contactform li.field{ float:right; width:250px; padding:5px 0px; }
#contactform li.field input{ width:239px; padding:8px 5px; background:#efefef; float:right; }
#contactform li.field input:focus{ background:#fff44c; }
#contactform li.field textarea{ width:239px; padding:5px; background:#efefef; float:right; border:0px; }
#contactform li.field textarea:focus{ background:#fff44c; }
#contactform li.field .button{ border:0px; margin:0px; padding:0px; width:183px; float:left; }
#contactform li.clear{ clear:both; width:400px; }

#pagecontact .linkhome{
	clear:both;
	width:790px;
	height:26px;
	padding-top:20px;
	margin-bottom:40px;
}
#pagecontact .linkhome a{
	float:right;
	height:26px;
	line-height:26px;
	width:50px;
	color:#FFFFFF;
	text-align:center;
	font-size:10px;
	background-color: #EC2157;
}
#pagecontactbottom{ display:block; clear:both; height:31px; background:url(../images/bottom_bars.gif) no-repeat; background-position:right -170px; }

#pagecontact .copyright{ font-size:11px; padding-left:460px; color:#5f5f5f; padding-top:5px; }
/* End of Contact Page style */


/* Footer style */
#footer{
	clear:both;
	display:block;
	overflow:auto;
	height:100%;
	background:#fdfdfd;
	padding-right:70px;
	padding-bottom:50px;
	width: 910px;
	top: 0px;
	padding-left: 0px;
	padding-top: 10px;
}
#footer .footer_logo{
	float:right;
	width:125px;
	height:30px;
	margin-bottom:5px;
	background:url(images/footer_logo.gif) no-repeat;
	margin-top:10px;
}
.footer_logo1{ float:right; width:100px; height:51px; background:url(images/toopi.gif) no-repeat; }
#footer .footer_logo a{ display:block; width:123px; height:30px; }
.footer_logo1 a{ display:block; width:100px; height:51px; }
#footer .footer_info{ float:right; clear:both; font-size:11px; color:#5f5f5f; }
#footer .footer_info a{
	color:#B00;
	font-size:11px;
}
/* End of Footer style */
#INVISIBLE {
	color: #fffffff;
}
#plinestudio #pagehome .basebox .leftbox .intro .basebox {
	margin-top:280px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	left: 0px;
	width: 400px;
	float: left;
}