/* 
 ----------------------------------------------------------------------------

  CSS Document - layout.css
 ---------------------------------------------------------------------------- 
*/


/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */

/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }

/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }

/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,div,dd,dt,dl { margin:0; padding:0; }

/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }

/* ----- classes ----- */
div.clear	{ clear:both; height:.01em; overflow:hidden; }

input.submit-image { 
	background: url("../images/submit.png"); 
	width:78px; 
	height:33px; 
	border:none; 
	cursor:pointer;
	margin:0px 0 0 230px; 
	}
	
input.submit-image-es { 
	background: url("../images/ingresar.png"); 
	width:78px; 
	height:33px; 
	border:none; 
	cursor:pointer;
	margin:0px 0 0 230px; 
	}
	
input.submit-contactimage { 
	background: url("../images/submit.png"); 
	width:78px; 
	height:33px; 
	border:none; 
	cursor:pointer;
	margin:80px 0 0 230px; 
	}
	
input.submit-contactimage-es { 
	background: url("../images/ingresar.png"); 
	width:78px; 
	height:33px; 
	border:none; 
	cursor:pointer;
	margin:80px 0 0 230px; 
	}	


/* global elements
 * ------------------------------------------------------------------------- */

/* ----- type selectors ----- */ 
body {
font-family: Helvetica, Arial, sans-serif;
	background: #cee3f3 url(../images/cl-header-bkgr.gif) repeat-x 0 0;
	color: #6d7b81;
}

body.vendor {
font-family: Helvetica, Arial, sans-serif;
	background: #cee3f3 url(../images/cl-header-bkgr-vendor.gif) repeat-x 0 0;
	color: #6d7b81;
}

body.vendor2 {
font-family: Helvetica, Arial, sans-serif;
	background: #cee3f3 url(../images/cl-header-bkgr-vendor2.gif) repeat-x 0 0;
	color: #6d7b81;
}

body.vendor3 {
font-family: Helvetica, Arial, sans-serif;
	background: #cee3f3 url(../images/cl-header-bkgr-vendor3.gif) repeat-x 0 0;
	color: #6d7b81;
}


#site {
	position: relative;
}

#cl {
	width: 100%;
	height: 100%;
	position: relative;
}

.container {
	width: 710px;
	margin: 0 auto;
}

#top { height: 346px;}

#top-vendor { height: 450px;}

#top-vendor2 { height: 400px;}

#cl-logo {
		background: url(../images/cl-logo.gif) no-repeat 0 0;
		width: 235px;
		height: 109px;
	overflow: hidden;
		float: right;
		margin-top:38px;
		margin-right:118px;
	}
	
#cl-logo a {
	position:absolute;
	width:235px;
	height:109px;
	top:38px;
	left:223px;
	}
	
#cl-logo span { display:none;
	}		
	
#top-nav { float:right; margin-top:38px; font-size:13px; 
	}

#top-nav a:link, #top-nav a:visited {
	color:#404040; text-decoration:none;
	}

#top-nav a:hover, #top-nav a:active {
	color:#6d7b81; text-decoration:underline;
	}

#top-nav ul { margin-bottom:5px; }

#top-nav li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 5px 0 7px;
	display: inline;
	border-left: 1px solid #404040;
	}
	
	#top-nav li.first { border: none; }
	
#intro { margin:55px 0px 0px 0px;}
#intro h1 { font-size: 26px; font-weight:normal; line-height:34px; text-align:center;}

#intro-contact { margin:80px 0px 0px 0px;}
#intro-contact h1 { font-size: 28px; font-weight:normal; line-height:34px; text-align:left;}

#intro-ad { margin:15px 0px 0px 0px;}
#intro-ad h1 { font-size: 15px; font-weight:normal; line-height:22px; text-align:left;}

#intro-ad h2 { font-size: 18px; color:#d9790b; font-weight:bold; text-align:left; margin:15px 0px 10px 0px;}

#intro-ad ul { margin:0px 5px 0px 34px; font-size: 16px; color:#d9790b; font-style:italic; line-height:20px; font-weight:lighter;}

#intro-ad li {list-style: disc; list-style-position:inside; text-indent: -.8em; margin-bottom:8px;}

#intro-pub { margin:20px 0px 0px 0px;}
#intro-pub h1 { font-size: 15px; font-weight:normal; line-height:22px; text-align:left;}

#intro-pub h2 { font-size: 18px; color:#6ba10c; font-weight:bold; text-align:left; margin:15px 0px 10px 0px;}

#intro-pub ul { margin:0px 10px 0px 34px; font-size: 16px; color:#6ba10c; font-style:italic; line-height:20px; font-weight:lighter;}

#intro-pub li {list-style: disc; list-style-position:inside; text-indent: -.8em; margin-bottom:10px;}

#intro-thanks { margin:55px 0px 0px 0px;}
#intro-thanks h1 { font-size: 26px; font-weight:normal; line-height:32px; text-align:center;}	
	
#ad-pub { background: url(../images/cl-ad-pub-bkgr.gif) repeat-x 0 0; 
		width: 100%;
		height: 450px;
		margin-top:10px;
		padding: 0px 0 0px 0px;}
		
#ad-cta { background: url(../images/ad-bckgr.png) no-repeat; 
		width: 286px; 
		height: 265px;
		margin-top:41px;
		padding: 0px 0 0px 0;
		float:left;}
		
#ad-cta h2 { font-size:18px; color:#fff; line-height:20px; margin:58px 24px 0px 20px; }	
		
#ad-cta p { font-size:14px; color:#fff; line-height:20px; margin:5px 24px 0 20px;}
#ad-cta-es { background: url(../images/anunciantes-bkgr.png) no-repeat; 
		width: 286px; 
		height: 265px;
		margin-top:41px;
		padding: 0px 0 0px 0;
		float:left;}
		
#ad-cta-es h2 { font-size:18px; color:#fff; line-height:20px; margin:58px 24px 0px 20px; }	
		
#ad-cta-es p { font-size:14px; color:#fff; line-height:20px; margin:5px 24px 0 20px;}

#learn-more { margin:5px 0 0 42px;}
#mas-info { margin:5px 0 0 42px;}
#inscribete { margin:25px 0 0 42px;}
		
#pub-cta { background: url(../images/pub-bckgr.png) no-repeat; 
		width: 286px; 
		height: 265px;
		margin:41px 0 0 138px;
	    float:left;}
		
#pub-cta h2 { font-size:18px; color:#fff; line-height:20px; margin:58px 15px 0px 20px; }	
		
#pub-cta p { font-size:14px; color:#fff; line-height:20px; margin:5px 24px 0 20px;}

#pub-cta-es { background: url(../images/editores.png) no-repeat; 
		width: 286px; 
		height: 265px;
		margin:41px 0 0 138px;
	    float:left;}
		
#pub-cta-es h2 { font-size:18px; color:#fff; line-height:20px; margin:58px 0px 0px 20px; }	
		
#pub-cta-es p { font-size:14px; color:#fff; line-height:20px; margin:5px 24px 0 20px;}

#col-left { float:left; width:275px;}
#col-left p { font-size:14px; line-height:21px; margin:0px 0px 15px 0px;}
#col-left a:link, #footer a:visited {
	color:#0079a4; text-decoration:none;
	}

#col-left a:hover, #footer a:active {
	color:#1dc7fd; text-decoration:underline;
	}

#sign-up {margin:25px 0 0 42px;}

#ad-left { background: url(../images/form-bkgr.png) no-repeat; 
		width: 393px;
		height: 343px;
		padding: 0px 0px 0px 38px;
		float:left;
		font-size:18px;
		color:#274495;
		}
		
		#ad-left p { margin-top:32px;}	
		
#ad-right { background: url(../images/benefits_bkgr.png) no-repeat; 
		width: 255px; 
		height: 223px;
		float:right;}
		
#ad-right-widget {
		width: 250px;
		float:right;}
		
#ad-right-widget p {
	font-size:14px;
	color: #6d7b81;
	margin-bottom:4px;}		
		

#pub-right { background: url(../images/benefits_bkgr.png) no-repeat; 
		width: 255px; 
		height: 223px;
		padding: 0px 0 0px 0;
		float:right;}
		
#pub-right h1 { font-size: 20px; color:#6ba10c; font-weight:vold; text-align:left; margin:16px 0px 10px 20px;}

#pub-right ul { margin:0px 10px 0px 34px; font-size: 16px; color:#6ba10c; font-style:italic; line-height:24px; font-weight:lighter;}

#pub-right li {list-style: disc; list-style-position:inside; text-indent: -.8em; margin-bottom:10px;}
		
		
/* ----- form ----- */ 
form { 
	width:316px; 
	margin:20px 0 0px 0px; 
	}

form p	{ font-size:10px; }

form br { 
	line-height:0; /* defaults vertical spacing between fields */
	}  

input, textarea, select { 
	background-color:#fff; 
	border:1px solid #e5cea9;
	color:#264495;
	width:188px; 
	height:18px;
	vertical-align: middle;
	margin-bottom:15px; /* sets vertical spacing between fields */
	padding-top:1px; /* vertically position text in input/textarea field */
	padding-left:4px; /* horizontally position text in input/textarea field */
	font-family:Helvetica, Arial, sans-serif; 
	font-size:12px;
	}

textarea { 
	height:70px; 
	overflow:auto; 
	}
	
#ad-left label { 
	width:100px; 
	position:relative; 
	display:block; 
	text-align:right; 
	margin-bottom:18px; 
	}
	
#ad-left label input, #ad-left label textarea, #ad-left label select { 
	width:188px;
	position:absolute; 
	left:110%; 
	top:-2px;
	}
	
#ad-left label textarea	{ height:100px; }
	
/* ----- footer ----- */ 						
		
#footer { background: url(../images/cl-footer-bkgr.gif) repeat-x 0 0; 
		width: 100%;
		height: 298px;
		padding: 0px 0 0px 0;}
		
#footer a:link, #footer a:visited {
	color:#0079a4; text-decoration:none;
	}

#footer a:hover, #footer a:active {
	color:#1dc7fd; text-decoration:underline;
	}

#footer ul { margin-bottom:35px; padding-top:20px; text-align:center; font-size:14px; }

#footer li { /* if your li's float, you can adjust border height w/ line-height */
	padding: 0 7px 0 9px;
	display: inline;
	border-left: 1px solid #0079a4;
	}

	#footer li.first { border: none; }
	
#footer-left { float:left; width:356px;}
#footer-left p { font-size: 12px; color:#004477; line-height:18px;}

#footer-right { float:right;}