@charset "utf-8";
/* CSS Document */

body{
	background:url(images/body-bg.jpg) repeat-x 0 0 #f5fbff;
	padding:0;
	margin:0;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	color:#363636;
	}
	
p, div, h1, h2, h3, form, label, input{
	padding:0;
	margin:0;
	}
	
ul{
	list-style-type:none;
	padding:0;
	margin:0;
	}
	
img{
	padding:0;
	margin:0;
	border:none;
	}
	
.spacer{
	font-size:0;
	line-height:0;
	clear:both;
	}
	
/*---------------------------------- General -----------------------*/

#main{
	width:1004px;
	margin:0 auto;
	}
	
#top{
	height:27px;
	padding:0 0 0 10px;
	font-size:11px;
	line-height:23px;
	color:#FFFFFF;
	background-color:inherit;
	}
	
#top h1{
	font-size:11px;
	line-height:23px;
	font-weight:normal;
	color:#FFFFFF;
	background-color:inherit;
	}
	
	
/*------- header -----*/

#header{
	background:url(images/header-bg.jpg) no-repeat 0 0;
	height:176px;
	position:relative;
	}
	
#header img.logo{
	position:absolute;
	left:3px;
	bottom:0;
	}
	
#header h2.caption1{
	font-size:33px;
	line-height:36px;
	font-weight:bold;
	color:#383838;
	background-color:inherit;
	position:absolute;
	top:36px;
	right:87px;
	}
	
#header h2.caption2{
	font-size:29px;
	line-height:33px;
	font-weight:normal;
	color:#2992b0;
	background-color:inherit;
	position:absolute;
	top:70px;
	right:85px;
	}
	
#searchForm{
	width:241px;
	height:23px;
	position:absolute;
	top:112px;
	right:67px;
	background:url(images/form-bg.jpg) no-repeat 0 0;
	}
	
#searchForm div.textField{
	padding:2px 14px 0 26px;
	width:171px;
	float:left;
	height:16px;
	}
	
#searchForm input.txtBox{
	width:171px;
	height:14px;
	border:0;
	background-color:#FFFFFF;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#404040;
	}
	
#searchForm div.buttonbox{
	float:left;
	width:29px;
	height:23px;
	}
	
#searchForm input.button{
	background:url(images/button.jpg) no-repeat 0 0;
	width:29px;
	height:23px;
	border:0;
	/*cursor:pointer;*/
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color:inherit;
	text-align:center;
	}
	
/* ---- nav ---- */

#header ul.nav{
	position:absolute;
	height:38px;
	left:308px;
	bottom:0;
	}
	
#header ul.nav li{
	float:left;
	width:auto;
	background:url(images/nav-divider.gif) no-repeat 0 0;
	height:38px;
	}
	
#header ul.nav li.menuStart{
	background-image:none;
	padding:0 0 0 0;
	}
	
#header ul.nav li a{
	font-size:16px;
	line-height:38px;
	padding:0 12px;
	text-decoration:none;
	color:#e5e5e5;
	background-color:inherit;	
	}
	
#header ul.nav li a:hover{
	color:#5fc9ff;
	background-color:inherit;
	}
	
/*------ body panel -----*/

#bodyPanel{
	background-color:#FFFFFF;
	color:inherit;
	padding:3px 3px 1px 3px;
	}
	
/*--- Product ----*/ 
	
#productPanel{
	background:url(images/product-bg.gif) repeat-x 0 0;
	height:218px;
	padding:22px 0 0 17px;
	border-bottom:solid 4px #FFFFFF;
	}
	
#product{
	background:url(images/product-pic.jpg) no-repeat 0 0;
	width:330px;
	height:192px;
	float:left;
	}
	
#productDesc{
	width:595px;
	float:left;
	}

#productDesc h2{
	font-size:24px;
	line-height:27px;
	color:#232223;
	background-color:inherit;
	font-weight:normal;
	padding-bottom:7px;
	}
	
#productDesc ul{
	padding:15px 0 0 0;
	}
	
#productDesc ul li{
	float:left;
	width:auto;
	height:32px;
	padding:0 2px 0 0;
	}
	
#productDesc ul li a{
	display:block;
	background:url(images/link-bg.gif) no-repeat 0 0;
	width:171px;
	height:23px;
	float:left;
	padding:3px 0 6px;
	font-size:12px;
	line-height:23px;
	font-weight:bold;
	text-decoration:none;
	color:#779802;
	background-color:inherit;
	text-align:center;
	}
		
#productDesc ul li a:hover{
	color:#5c6772;
	background-color:inherit;
	}
	
/*--------------------- Left Panel ----------------*/

#leftPanel{
	width:184px;
	background:url(images/leftpanel-bg.gif) no-repeat 0 0 #FFFFFF;
	padding:21px 8px 0 6px;
	float:left;
	margin:0 3px 0 0;

	color:inherit;
	}	
	
#leftPanel h2{
	background:url(images/service-heading-bg.gif) repeat-x 0 0;
	height:39px;
	padding:0 0 0 14px;
	font-size:18px;
	line-height:39px;
	font-weight:normal;
	color:#FFFFFF;
	background-color:inherit;
	border-bottom:2px solid #FFFFFF;
	}
	
#leftPanel ul li{
	line-height:24px;
	border-bottom:solid 1px #FFFFFF;
	}
	
#leftPanel ul li a{
	display:block;
	height:24px;
	font-size:12px;
	line-height:23px;
	font-weight:bold;
	text-decoration:none;
	color:#3aaed4;
	background-color:#d4f9fc;
	padding:0 0 0 12px;
	}
	
#leftPanel ul li a:hover{
	background-color:#b5edf2;
	color:inherit;
	}
	
#leftPanel ul li ul li{
	line-height:24px;
	border-bottom:solid 1px #e0e0e0;
	}
	
#leftPanel ul li ul li.nobdr{
	border:none;
	}

#leftPanel ul li ul li a{
	display:block;
	height:24px;
	padding:0 0 0 22px;
	background-color:#FFFFFF;
	font-size:11px;
	line-height:24px;
	font-weight:normal;
	text-decoration:none;
	color:#000000;	
	}	
	
#leftPanel ul li ul li a:hover{
	background-color:#FFFFFF;
	color:#3aaed4;
	}
	
/*--------------------- Mid Panel ----------------*/

#midPanel{
	width:562px;
	float:left;
	padding:0 0 20px 0;
	}
	
#midPanel h2{
	height:79px;
	font-size:33px;
	line-height:79px;
	color:#282b2c;
	background-color:inherit;
	font-weight:normal;
	padding:0 0 11px 14px;
	position:relative;
	}
	

#midPanel h2.blueHeading{
	background:url(images/mid-heading-blue.gif) repeat-x 0 0;
	}
	
#midPanel h2.greyHeading{
	background:url(images/mid-heading-grey.gif) repeat-x 0 0;
	}
	
#midPanel h2 span.about{
	display:block;
	background:url(images/about-us-icon.jpg) no-repeat 0 0;
	width:107px;
	height:79px;
	float:right;
	position:absolute;
	right:0;
	top:0;
	}
	
#midPanel h2 span.bigtext{
	position:absolute;
	line-height:35px;
	bottom:25px;
	left:14px;
	}
	
#midPanel h2 span.smalltext{
	position:absolute;
	font-size:21px;
	line-height:25px;
	color:#23889d;
	background-color:inherit;
	top:11px;
	left:14px;
	}
	
#midPanel p{
	padding:0 0 0 16px;
	color:#262626;
	background-color:inherit;
	}	
	
#midPanel div.pic{
	float:left;
	width:220px;
	height:137px;
	padding:0;
	margin:0;
	}
	
#midPanel div.impressionPic{
	background:url(images/impresion-pic.jpg) no-repeat 0 0;
	}
	
#midPanel div.carteleriaPic{
	background:url(images/carteleria-pic.jpg) no-repeat 0 0;
	}

#midPanel div.plonaspic{
	background:url(images/plonas-pic.jpg) no-repeat 0 0;
	}
	
#midPanel div.encuadernacionpic{
	background:url(images/encuadernacion-pic.jpg) no-repeat 0 0;
	}
	
#midPanel div.textPanel{
	width:340px;
	float:left;
	font-size:12px;
	line-height:19px;
	}
	
#midPanel div.textPanel a.more{
	display:block;
	width:160px;
	font-size:12px;
	line-height:24px;
	font-weight:bold;
	color:#779802;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
	background-image: url(images/more-bg.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	}	
	
#midPanel div.textPanel a.more:hover{
	color:#8e9090;
	background-color:inherit;
	}
	
#midPanel div.textPanel p{
	padding:0 0 12px 0;
	}
	
#midPanel div.section{
	padding:0 0 12px 0;
	margin:0 0 0 0;
	}
	

	


/*--------------------- Right Panel ----------------*/

#rightPanel{
	width:228px;
	float:right;
	background-color:#3a3a3a;
	color:inherit;
	}
	
#informationPanel{
	background:url(images/right-bg.gif) repeat-y 0 0;
	width:228px;
	float:left;
	}
	
#InformationTop{
	background:url(images/right-top-bg.gif) no-repeat 0 0;
	padding:9px 0 0 0;
	}
	
#InformationBottom{
	background:url(images/right-bottom-bg.gif) no-repeat 0 100%;
	padding:9px 0 0 0;
	}		
	
#InformationBody{
	padding:0 9px;
	}
	
#InformationBody h2.ayudaHeading{
	background:url(images/right-heading-bg1.gif) no-repeat 0 0;
	height:32px;
	padding:0 0 0 14px;
	font-size:18px;
	line-height:31px;
	font-weight:normal;
	color:#f6f6f6;
	background-color:inherit;
	}
	
#InformationBody h2.informationHeading{
	background:url(images/right-heading-bg2.gif) no-repeat 0 0;
	height:46px;
	padding:5px 14px 0;
	font-size:18px;
	line-height:20px;
	font-weight:normal;
	color:#f6f6f6;
	background-color:inherit;
	}
	
	
#InformationBody ul{
	padding:10px 0 5px 7px;
	}

#InformationBody ul li{
	background:url(images/list-icon.gif) no-repeat 0 5px;
	padding:0 0 10px 10px;
	font-size:12px;
	line-height:15px;
	}
	
#InformationBody ul li a{
	text-decoration:none;
	color:#4c4c4c;
	background-color:inherit;
	}
	
#InformationBody ul li a:hover{
	text-decoration:underline;
	}
	
#rightPanel a.serviciobanner{
	display:block;
	background:url(images/right-banner.jpg) no-repeat 0 0;
	width:224px;
	height:237px;
	margin:0 auto;
	text-indent:-20000px;
	}
	
	
/*-------------- Footer------------------*/

#footer{
	background:url(images/footer-bg.gif) repeat-x 0 0;
	height:103px;
	}
	
#footerMain{
	padding:20px 0 0 0;
	height:83px;
	width:1004px;
	position:relative;
	margin:0 auto;
	font-size:11px;
	line-height:20px;
	color:#f7f7f7;
	background-color:inherit;
	text-align:center;
	}
	
#footerMain a{
	text-decoration:none;
	color:#f7f7f7;
	background-color:inherit;
	}
	
#footerMain a:hover{
	text-decoration:underline;
	}
	
#footerMain img.footerlogo{
	position:absolute;
	bottom:0;
	left:22px;
	}
	
#footerMain p.footerLink{
	font-weight:bold;
	}
	
#footerMain p.footerLink span{
	padding:0 6px;
	}
	
#footerMain p.footerLink a{
	text-decoration:underline;
	}
	
#footerMain p.footerLink a:hover{
	text-decoration:none;
	}
	
/*--------------- for inner pages -------------------*/

	
#bodyPanelInner{
	background-color:#FFFFFF;
	color:inherit;
	padding:12px 3px 15px 3px;
	}
	
#innerRight{
	width:745px;
	padding:18px 40px 0 0;
	float:right;
	}
	
#innerRight h2{
	color:#0ea2cd;
	font-size:32px;
	line-height:35px;
	font-weight:normal;
	padding-bottom:5px;
	background-color:inherit;
	}
	
#innerRight p{
	color:#2c2c2c;
	background-color:inherit;
	font-size:12px;
	line-height:21px;
	}
	
#innerRight h3{
	font-size:22px;
	line-height:22px;
	font-weight:normal;
	color:#494949;
	background-color:inherit;
	padding:10px 0 16px;
	}
	
#innerRight ul.contentList{
	padding:0 0 15px 3px;
	}
	
#innerRight ul.listwidth{
	width:420px;
	}	
	
#innerRight ul.contentList li{
	background:url(images/content-list-icon.gif) no-repeat 0 9px;
	padding:0 0 0 20px;
	font-size:12px;
	line-height:24px;
	}
	
#innerRight ul.contentList li a{
	color:#76b1cb;
	background-color:inherit;
	text-decoration:underline;
	}
	
#innerRight ul.contentList li a:hover{
	text-decoration:none;
	}
	
#innerRight div.photoPlaceholder{
	width:237px;
	height:259px;
	border:solid 1px #e6e6e6;
	background:url(images/photo-placeholder.gif) no-repeat 0 0;
	margin-bottom:10px;
	}
	
#innerRight div.photoPlaceholder2{
	width:221px;
	height:179px;
	border:solid 1px #e6e6e6;
	background:url(images/photo-placeholder2.gif) no-repeat 0 0;
	}
	
.rtMrgn{
	margin-right:13px;
	}
	
.fltLeft{
	float:left;
	width:auto;
	}
	
.fltRight{
	float:right;
	width:auto;
	}
	
.contentPanel{
	padding-bottom:10px;
	}
	
.contentPanel2 {
	padding-bottom:10px;
	width: 650px;
}
	
/*---------- Contact us page ---------*/

#contactForm{
	padding:20px;
	width:400px;
	background-color:#eafdfe;
	border:solid 1px #c7eaec;
	margin:20px 0 0 0 ;
	color:#2c2c2c;
	}
	
#contactForm h2{
	font-size:18px;
	line-height:21px;
	font-weight:bold;
	color:#1f2121;
	background-color:inherit;
	}
	
#contactForm span.requerd{
	color:#ff3c00;
	background-color:inherit;
	font-size:12px;
	font-weight:bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
#contactForm p.rectext{
	padding-bottom:10px;
	color:#5b8c9b;
	background-color:inherit;
	}
	
#contactForm div.formField{
	width:180px;
	float:left;
	padding-bottom:10px;
	}
	
#contactForm div.formField2{
	width:180px;
	float:Right;
	height:45px;
	padding-bottom:10px;
	}

#contactForm input.fieldBox{
	width:170px;
	height:17px;
	padding:0 5px;
	font:normal 11px/17px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	border:solid 1px #bedee1;
	}
	
#contactForm div.area{
	height:175px;
	}
	
#contactForm textarea{
	width:390px;
	height:150px;
	font:normal 11px/17px Arial, Helvetica, sans-serif;
	color:#000000;
	background-color:#FFFFFF;
	padding:0 5px;
	margin:0 0 0 0;
	border:solid 1px #bedee1;
	}
	
#contactForm div.sbtn{
	width:95px; height:25px;
	margin:0 auto;
	padding:10px 0 0 0;
	}

#contactForm input.submitButton{
	background:url(images/submit-button.gif) no-repeat 0 0;
	width:95px; height:25px;
	text-align:center;
	border:0;
	font:bold 12px/23px Arial, Helvetica, sans-serif;
	color:#000033;
	background-color:inherit;
	/*cursor:pointer;*/
	}