/* Sage Media
CSS Styles and Layout Control Document
Format CSS2 (Uses CSS3 Border-Radius)
Copyright Sage Media, All Rights Reserved
info@sagemedia.ca
http://www.sagemedia.ca

NO PART of this site or its contents may be reproduced without the express written consent of Sage Media and any/all applicable copyright owners.

*/


/* Browser Controls */
* {padding: 0px; margin: 0px; -moz-outline:none; outline:none; line-height:14px}


/* Universal Controls */
body {
	background-attachment: fixed;
	text-align: center;
	font-family: Verdana, sans-serif;
	font-size: 10px;
	color: #666666;
	text-decoration: none;
	background-color: #F2F2F2;
	background-image: url(images/bgbumpy.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
img {border:0}
h1 {font-size:10px; line-height:13px; margin:0 10px 0 0; font-weight:normal; color:#666666; text-align:right}
h3 {margin:0 8px 0 0; line-height:18px;}
h5 {font-size:9px; font-variant:normal; font-style:italic; color:#bfbfbf; font-weight:normal;}
.hone {font-size:12px; background-color:#ECECEC; padding:5px; border:1px solid #e8e8e8; border-top:0; margin:0; -moz-border-radius: 0 0 8px 8px; -webkit-border-radius: 0 0 8px 8px;}
.one {height:1px;}


/* Link Behaviours */
a:link {color: #666666; text-decoration: none;}     
a:visited {color: #666666; text-decoration: none;}  
a:hover {color: #65784f; text-decoration: none;}  
a:active {color: #666666; text-decoration: none;} 

.red {color:#C00}
.green {color:#65784f}


/*
--------------------------
Structure Controls
--------------------------
*/


/* Shared */
#container1 {
	text-align: left;
	width: 792px;
	padding-bottom:0;
	position: relative;
	background-image:url(images/mid.jpg);
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
containercursos {
	text-align: left;
	width: 792px;
	padding-bottom:0;
	position: relative;
	background-image:url(images/mid_cursos.jpg);
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#core0 {width: 792px; margin: 0; padding: 0; background: url(images/mid.jpg); position:relative}
#corecursos {width: 792px; margin: 0; padding: 0; background: url(images/mid_cursos.jpg); position:relative}
#core00 {width: 792px; padding: 0; background: url(images/midbig.jpg); position:relative; margin:0 auto;}

#header {width: 792px; height: 104px; overflow: hidden;}
#headerlogo {background: url(images/logo.png) no-repeat left top; height: 104px; width: 165px; float: left; }
#headerlogo2 {
	height: 24px;
	float: left;
	position: absolute;
	left: 220px;
	top: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #333333;
	letter-spacing: 3px;
	width: 500px;
	word-spacing: 5px;
}
#headertop {
	height: 77px;
	width: 627px;
	float: left;
	text-align:left;
	text-indent: -15000px;
	background-image: url(images/topbar.png);
	background-repeat: no-repeat;
	background-position: left top;
}

#menudiv {
	height: 27px;
	width: 627px;
	float: left;
	overflow: hidden;
	background-image: url(images/menu1.png);
	background-repeat: no-repeat;
	background-position: left top;
}
#menudive {background: url(images/menu1e.png) no-repeat left top; height: 27px; width: 627px; float: left; overflow: hidden;}

	#menu {height: 27px; width: 627px; float: left; position: relative; overflow: hidden; text-align:center}
	#menu a {padding:5px 1px 0 0; font-size:11px}
	#menu a:hover {padding: 5px 1px 0 0; margin: 0; outline:none;}
	#menu a:active {outline:none;}
 
		#menu li {position: absolute; list-style: none;}
	  	#menu li, #menu a {height: 27px; display: block;}
		
		#menuhome {left: 57px; width: 50px;}
		#menuhome a:hover {background: transparent url(images/menu1.png) -57px -27px no-repeat;}
	
	  	#menusvc {left: 109px; width: 65px;}
		#menusvc a:hover {background: transparent url(images/menu1.png) -109px -27px no-repeat;}
	
		#menuportfolio {left: 177px; width: 65px;}
		#menuportfolio a:hover {background: transparent url(images/menu1.png) -177px -27px no-repeat;}
		
	  	#menuabout {left: 247px; width:65px;}
		#menuabout a:hover {background: transparent url(images/menu1.png) -247px -27px no-repeat;}

		#menuarticles {left: 316px; width: 60px;}
		#menuarticles a:hover {background: transparent url(images/menu1.png) -316px -27px no-repeat;}

	  	#menutestimonials {left: 381px; width: 82px;}
		#menutestimonials a:hover {background: transparent url(images/menu1.png) -381px -27px no-repeat;}

	  	#menucontact {left: 467px; width: 63px;}
		#menucontact a:hover {background: transparent url(images/menu1.png) -467px -27px no-repeat;}

	  	#menustartnow {left: 530px; width: 82px;}
		#menustartnow a:hover {background: transparent url(images/menu1.png) -530px -27px no-repeat;}

#wpcontent {width:510px; padding:0 0 0 18px; margin:0; font-size:11px; position:relative; float:left}
#wpcontent2 {text-align:justify; width:750px; padding:0 0 0 18px; margin:0; font-size:11px; position:relative; float:left}
#wpsidebar {
	width:200px;
	text-align:left;
	position:relative;
	float:right;
	padding-top: 0;
	padding-right: 15px;
	padding-bottom: 0;
	padding-left: 0;
}
#sidebar {margin:55px 0 0 0; padding:0; width:180px}

#footer {margin:0 auto 20px auto; padding:10px; font-size:9px; width:770px; text-align:left}


/* Homepage */
#container {
	text-align: left;
	width: 792px;
	position: relative;
	background:none;
	margin-top: 8px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#core {height: 442px; width: 792px; margin: 0px; padding: 0px;}
#indeximage	{background: url(images/index.png) no-repeat left top; height: 442px; width: 792px; padding: 0px; margin: 0px; float: left;}
#indexslideholder {width:555px;	height:432px; float:left; position:absolute; top:233px;	left:8px; background-color:#F6F4F5;	background-image:url(/ediciones/1.jpg); overflow:hidden; margin:0; padding:0}
#indexcontent {float: right; height: 400px; width: 204px;}
.indexwelcome {
	font-size:11px;
	line-height:15px;
	margin-top:50px;
	text-align:left;
	padding-top: 25px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
}

.indexwelcome2 {
	font-size:11px;
	line-height:15px;
	margin-top:15px;
	text-align:left;
	padding-top: 10px;
	padding-right: 8px;
	padding-bottom: 12px;
	padding-left: 8px;
}
.twelve {font-size:12px}
.indexicon {margin:2px 0}

	#msmmenu {background: url(images/smmenu.gif) no-repeat left top; height: 200px; width: 146px; overflow: hidden; float:right; margin-right:8px; text-indent:-1999px}

		#msmmenu a {height: 29px; width:146px; display: block;}
		
		#msmweb a:hover {background: transparent url(images/smmenu.gif) -146px 0px no-repeat}
	
		#msmbrand a:hover {background: transparent url(images/smmenu.gif) -146px -29px no-repeat;}

		#msmprint a:hover {background: transparent url(images/smmenu.gif) -146px -58px no-repeat;}

		#msmpkg a:hover {background: transparent url(images/smmenu.gif) -146px -87px no-repeat;}

		#msmill a:hover {background: transparent url(images/smmenu.gif) -146px -116px no-repeat;}

		#msmdig a:hover {background: transparent url(images/smmenu.gif) -146px -145px no-repeat;}

		#msmcus a:hover {background: transparent url(images/smmenu.gif) -146px -174px no-repeat;}

#sidecta {
	position:absolute;
	top:570px;
	right:5px;
	width: 200px;
	z-index:100;
	left: 565px;
}



/* Homepage (loads slide images into cache) */
.pre {position: absolute;overflow: hidden;left: -9999px; top: -9999px;height: 1px;width: 1px;}
#pre1 {background-image:url(fotosportada/1.jpg);}
#pre2 {background-image:url(fotosportada/2.jpg);}
#pre3 {background-image:url(fotosportada/3.jpg);}
#pre4 {background-image:url(fotosportada/4.jpg);}
#pre5 {background-image:url(fotosportada/5.jpg);}


/* Info Section Submenu */
#submenuspacer {width:790px; clear:both; border:1px solid #bcbcbc; border-top:0; border-bottom:0; font-size:1px; line-height:1px; padding:3px 0 2px 0; margin:0; background-color:#FFF}
#submenu {width:790px; height:25px; background-color:#FFF; border:1px solid #bcbcbc; border-left:0; border-right:0; padding:0; font-size:10px; text-align:right}
#submenu ul {list-style:none; margin:5px 25px 10px 0;}
#submenu li {display:inline; margin:0px 10px}
#submenu li a {text-transform:uppercase}


/* All Pages Introduction */
#subintro {width:749px; background-color:#FFF; border:1px solid #bcbcbc; border-left:0; border-right:0; padding:10px 25px 15px 16px; font-size:11px; text-align:left; margin:0}



/* Index Welcome Panel */
#indexpanel {width:758px; height:100px;  border:0; padding:10px 16px; font-size:11px}

#link-web {position:absolute; left:162px; top:176px; width:34px; height:20px}
#link-brand {position:absolute; left:208px; top:176px; width:48px; height:20px}
#link-print {position:absolute; left:265px; top:176px; width:43px; height:20px}
#link-pub {position:absolute; left:316px; top:176px; width:82px; height:20px}
#link-product {position:absolute; left:409px; top:176px; width:62px; height:20px}
#link-pkg {position:absolute; left:482px; top:176px; width:78px; height:20px}
#link-illus {position:absolute; left:570px; top:176px; width:84px; height:20px}
#link-coll {position:absolute; left:666px; top:176px; width:74px; height:20px}
#link-ux {position:absolute; left:751px; top:176px; width:27px; height:20px}


/* Bubble */
.bubbleInfo {
            position: relative;
            width: 180px;
        }
		
		.trigger {cursor:default;}
		
        .popup {
			width:180px;
			position:absolute;
			margin-left:23px;
			margin-top:35px;
        	display: none;
        	z-index: 99;
			font-size:9px;
			background-color:#FFF;
			border:1px solid #e8e8e8;
			-moz-border-radius:8px;
			-webkit-border-radius:8px;
			padding:10px;
			overflow:visible;
			text-align:left
        }
		

/* Services Section */
.panelleft {width:227px; padding:10px; border:1px solid #e8e8e8; float:left; display:inline; height:150px}
.panelright {width:227px; padding:10px; border:1px solid #e8e8e8; float:right; display:inline; height:150px}
#panelcompatright {background-image:url(images/compat.png); background-repeat:no-repeat; background-position:110px 10px}
#panelbrandright {background-image:url(images/illusicons.png); background-repeat:no-repeat; background-position:110px 10px}
#panelprintright {background-image:url(images/bgprinter.png); background-repeat:no-repeat; background-position:110px 10px}
#panelpkgright {background-image:url(images/bgpkg.png); background-repeat:no-repeat; background-position:110px 10px}
#panelillusright {background-image:url(images/bgillus.png); background-repeat:no-repeat; background-position:110px 10px}
#paneldigitalleft {background-image:url(images/bgflash.png); background-repeat:no-repeat; background-position:110px 10px}
#paneldigitalright {background-image:url(images/bgdigital.png); background-repeat:no-repeat; background-position:110px 10px}
#panelcalright {background-image:url(images/bgcalendar.png); background-repeat:no-repeat; background-position:110px 10px}
.servicesh10 {position:absolute; bottom:5px; right:0px}
.servicesh1 {font-size:20px; color:#c5c5c5; margin:0; display:inline-block; text-align:right; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; position:relative; width:245px;}

	/* Services Slider Function */
	#slider {
		background-color:#FFF; 
		padding:10px; 
		border:1px solid #E8E8E8; 
		-moz-border-radius: 8px; 
		-webkit-border-radius: 8px; 
		width:510px; 
		max-width:510px; 
		height:390px;}
	.scroll {
   	 	height: 390px;
    	width: 510px;
		max-width:510px;
    	overflow: auto;
    	overflow-x: hidden;
    	position: relative;
    	clear: both;
    	background: #FFFFFF;
	}
	.scrollContainer div.panel {padding: 0; height: 390px; width: 510px; text-align:left;}
	ul.navigation {list-style: none; position:absolute;	left:-3000px; top:-3000px}
	.hide {display: none;}


/* Testimonials */
.tml {width:165px; padding:3px; margin:0; border:1px solid #e8e8e8; font-size:10px; -moz-border-radius: 8px;
-webkit-border-radius: 8px;}
.tmlsubmit {width:50px; padding:3px; margin:0; border:1px solid #e8e8e8; background-color:#FFF; color:#666666; -moz-border-radius: 8px;
-webkit-border-radius: 8px;}
.testim {margin:0 0 20px 0; border:0; background-image:url(images/openquote.jpg); background-repeat:no-repeat; padding-left:20px}
.revcontainer {float:left; width:130px; height:130px}
.revimg {padding:2px; border:1px solid #bcbcbc}


/* Quote Request */
.qtform {width:220px; padding:5px 0 5px 10px; margin:0; border:1px solid #e8e8e8; font-size:10px; -moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px; color:#999 }
.qtformW {width:520px; padding:5px 0 5px 10px; margin:0; border:1px solid #e8e8e8; font-size:10px; -moz-border-radius: 0 0 8px 8px;
-webkit-border-radius: 0 0 8px 8px; color:#999 }

.qtsubmit {width:80px; padding:3px; margin:0; border:1px solid #e8e8e8; background-color:#FFF; color:#666666; -moz-border-radius: 8px;
-webkit-border-radius: 8px;}

#quoteForm label {}

.qtlabel{
	border:1px solid #e8e8e8;
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius: 8px 0 0 0;
	font-weight:bold;
	background-color:#ECECEC;
	padding:5px 0 5px 10px;
	margin:0;
	width:220px;
	border-bottom:0;
	font-size:9px;
}

.qtlabel2{
	border:1px solid #e8e8e8;
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius: 8px 0 0 0;
	font-weight:bold;
	background-color:#ECECEC;
	padding:5px 0 5px 10px;
	margin:0;
	width:180px;
	border-bottom:0;
	font-size:12px;
}

.qtlabelW{
	border:1px solid #e8e8e8;
	-moz-border-radius: 8px 0 0 0;
	-webkit-border-radius: 8px 0 0 0;
	font-weight:bold;
	background-color:#ECECEC;
	padding:5px 0 5px 10px;
	margin:0;
	width:520px;
	border-bottom:0;
	font-size:9px;
}

/* Portfolio Sections */
.portfolioside {text-align:justify; width:183px; margin-top:60px; margin-left:6px}


/*
--------------------------
Misc Shared Classes
--------------------------
*/

.content {font-size: 9px; padding: 8px 8px 0 8px;}
.nine {font-size:9px; color:#bfbfbf}
.dottedline {font-size:0; line-height:0; height:1px; width:100%; border:0; border-top:1px dotted #ffffff; margin:15px 0}
.prL {float:left; margin-right:10px; width:170px}
.prL1 {float:left; width:170px}
.bottomcap {width:792px; margin:0; padding:0; clear:both; line-height:1px; font-size:1px}
.clear {clear:both}
.clearone {clear:both; font-size:1px; line-height:1px; height:1px; margin:0; padding:0}
.vert15hor0 {margin:15px 0}

.form {font-size:10px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; color:#999; padding:8px; -moz-border-radius:8px; -webkit-border-radius:8px; background-color:#FFF; border:1px solid #e8e8e8}

.whiteblock {background-color:#FFF; padding:10px; margin-bottom:20px; border:1px solid #E8E8E8;border-top:1px solid #E8E8E8; -moz-border-radius: 8px;
-webkit-border-radius: 8px; position:relative}

	/* Whiteblock for Portfolio */
	.folioblock {background-color:#FFF; padding:10px; border:1px solid #E8E8E8; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0;}

	/* Whiteblock for Logo Portfolio */
	.logoblock {background-color:#FFF; padding:10px 0; border:1px solid #E8E8E8; -moz-border-radius: 8px; -webkit-border-radius: 8px; text-align:center}

	/* Whiteblock for Print Portfolio */
	.printblock {background-color:#FFF; padding:10px 0 0 0; border:1px solid #E8E8E8; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; position:relative; width:168px}

	/* Whiteblock for Illustration Portfolio */
	.illblock {background-color:#FFF; padding:10px 0 0 0; border:1px solid #E8E8E8; -moz-border-radius: 8px 8px 0 0; -webkit-border-radius: 8px 8px 0 0; width:253px; text-align:center}

/* Live Form Validation Message */
#special {display:none;}
.message {background:#fff; color:#000; display:none; padding:10px; -moz-border-radius: 8px; -webkit-border-radius: 8px; border:1px solid #e8e8e8}
#wpcontent h2 {
	height: 40px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	padding-top: 5px;
	line-height: normal;
}
#bottom {
	background-image: url(images/bottom.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 792px;
	margin-right: auto;
	margin-left: auto;
}
#bottomcursos {
	background-image: url(images/bottom_cursos.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	width: 792px;
	margin-right: auto;
	margin-left: auto;
}
#wpcontent p {
	padding-top: 2px;
	padding-bottom: 5px;
	line-height: normal;
}
.menucelda2 {
	padding-top: 4px;
	padding-bottom: 4px;
	font-size: 11px;
}
.menucelda {
	font-size: 12px;
	font-weight: bold;
}
#core0 #wpcontent ul {
	padding-left: 50px;
}
.celdaformtexto {
	padding-top: 7px;
	padding-bottom: 5px;
}
.formcampotexto {
	width: 250px;
	border: 1px solid #F9B41F;
	height: 20px;
}
.rpfformvariaslineas {
	width: 250px;
	border: 1px solid #F9B41F;
	height: 100px;
}