/* CSS */
/* Generico */
body{
	margin: 									0;
	padding: 									0;

	background:									#FFFFFF url(images/big_bg1px.jpg) repeat-x left top;
	/*background:		 							#FFFFFF url(images/big_bg.jpg) no-repeat center top;
*/
	font-family: 								"trebuchet ms", verdana, sans-serif; /*Arial, Helvetica, sans-serif;*/ /*Verdana, Arial, Helvetica, sans-serif;*/
	font-size: 									13px;
	color: 										#7f7f7f;	}

div{ margin: 0; padding: 0; }

h1{ font-size: 28px; margin: 0; padding: 0.5em 0; }
h2{ font-size: 23px; margin: 0; padding: 0.5em 0; }
h3{ font-size: 19px; margin: 0; padding: 0.5em 0; }
h4{ font-size: 16px; margin: 0; padding: 0.5em 0; }
h5{ font-size: 13px; margin: 0; padding: 0.5em 0; }
h6{ font-size: 11px; margin: 0; padding: 0.5em 0; }

p{ margin: 0; padding: 0.5em 0; }

a{	font-size: 									13px;
	font-family: 								"trebuchet ms", verdana, sans-serif; /*Arial, Helvetica, sans-serif;*/ /*Verdana, Arial, Helvetica, sans-serif;*/
	color: 										#4c90c2;
	text-decoration: 							underline;	}
a:hover{
	color: 										#4c90c2;
	text-decoration: 							none; }

.clear{
	margin: 									0;
	padding: 									0;
	clear: 										both;
	font-size: 									1px;	}

/* ################################################################################################################## */

#wrapper{ width: 900px; margin: 0 auto; }
	#head{ background: transparent url(images/coffee_px.gif) repeat-y left top; _zoom: 1; }
		#logo{ float: left; width: 636px; background: transparent url(images/head_bg.jpg) no-repeat right top; }
			#slogan{ padding: 20px 0 0 62px; }
			#slogan img{ margin-right: 6px; }
			#slogan h1{ padding: 2px 0 0 0; width: 368px; font-size: 19px; color: #5ca5a0; text-transform: uppercase; letter-spacing: 3px; font-weight: bold; }
		#search{ float: left; width: 244px; padding-right: 20px; min-height: 100px; background: transparent url(images/coffee_px.gif) repeat-y right top; }
			#loc{ text-align: center; font-size: 11px; color: #909192; padding: 5px 0; background-color: #e1e2e3; }
			.separator{ background: transparent url(images/dot.gif) repeat-x left 3px; height: 9px; }
			#findFrm{ padding: 10px 36px 24px 36px; background: #ededee url(images/two.gif) repeat-x left bottom; }
			#findFrm form{ display: block; margin: 0; padding: 0; }
			#findFrm input{ float: left; border: 0; padding: 3px; margin: 0; font-size: 11px; font-family: "trebuchet ms", verdana, sans-serif; }
			.findBtn{ width: 20px; height: 19px; background: transparent url(images/find.jpg) no-repeat left top; cursor: pointer; }
		#navbar{ background: transparent url(images/coffee_px.gif) repeat-y right top; padding: 5px 9px 21px 9px; *padding: 3px 9px 20px 9px; }
			#navbar ul{ margin: 0; padding: 0 140px 0 0; list-style: none; display: block; border-top: 1px solid #cae0e2; border-bottom: 1px solid #cae0e2; text-align: right; font-size: 11px; }
			#navbar ul li{ margin: 0; padding: 0 9px; list-style-type: none; display: inline; }
			#navbar ul li a{ color: black; text-decoration: none; font-size: 11px; text-transform: uppercase; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; }
			#navbar ul li a:hover{ color: black; text-decoration: none; }
	#body{}
		#flashSec{ float: left; width: 636px; }
			.bigBlock{ padding: 0 5px 5px 0; height: 90px; background: transparent url(images/gray_px.gif) repeat-y right top; position: relative; }
			.bigBlock h2{ float: left; width: 98px; padding: 5px 6px 5px 10px; color: #0d8f9f; font-size: 19px; font-weight: normal; line-height: 19px; }
			.bigBlock h2 a{ color: #0d8f9f; font-size: 16px; font-weight: normal; line-height: 19px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
			.bigBlock h2 a:hover{ color: #0d8f9f; font-size: 16px; font-weight: normal; line-height: 19px; text-decoration: none; }
			.bigBlock p{ float: left; width: 118px; padding: 5px 0 5px 7px; color: #7f7f7f; font-size: 11px; background: transparent url(images/desc_px.gif) repeat-y left top; }
			.bigBlock p a{ color: #7f7f7f; font-size: 11px; text-decoration: none; }
			.bigBlock p a:hover{ color: #7f7f7f; font-size: 11px; text-decoration: none; }
			#academia h2{ background: transparent url(images/aca.gif) repeat-y left top; }
			#quienes h2{ background: transparent url(images/kie.gif) repeat-y left top; }
			#educa h2{ background: transparent url(images/edu.gif) repeat-y left top; }

			.catListBlock{ float: left; width: 28%; padding: 13px; background: transparent url(images/list_bg.gif) no-repeat left center; }
			.catListBlock h3{ color: #0d8f9f; font-size: 16px; font-weight: normal; line-height: 15px; }
			.catListBlock h3 a{ color: #0d8f9f; font-size: 16px; font-weight: normal; line-height: 15px; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif; }
			.catListBlock h3 a:hover{ color: #0d8f9f; font-size: 16px; font-weight: normal; line-height: 15px; text-decoration: none; }
			.catListBlock ul{ margin: 0; padding: 0; list-style: none; }
			.catListBlock ul li{ margin: 0; padding: 0 0 0 5px; list-style-type: none; background: transparent url(images/bulletline.gif) no-repeat left 7px; }
			.catListBlock ul li a{ color: #343434; text-decoration: underline; }
			.catListBlock ul li a:hover{ color: #343434; text-decoration: none; }
		#ousSec{ float: left; width: 247px; padding: 0 14px 0 3px; background: transparent url(images/filer.gif) no-repeat right top; }
			.oustBlock{ padding: 0 7px 11px 23px; background: transparent url(images/scua.gif) no-repeat left 3px; *zoom: 1; }
			.oustBlock h4{ padding: 0; color: #a38d5c; font-size: 13px; text-transform: uppercase; }
			.oustBlock h4 a{ color: #a38d5c; font-size: 13px; text-transform: uppercase; text-decoration: none; }
			.oustBlock h4 a:hover{ color: #a38d5c; font-size: 13px; text-transform: uppercase; text-decoration: none; }

			.subOblock{ font-size: 11px; }
			.subOblock h5{ padding: 0; font-size: 11px; color: black; }
			.subOblock h5 a{ font-size: 11px; color: black; text-decoration: none; }
			.subOblock h5 a:hover{ font-size: 11px; color: black; text-decoration: none; }

			.subOblock p{ padding: 0 0 3px 0; font-size: 11px; color: #7F7F7F; }
			.subOblock p a{ font-size: 11px; color: #7F7F7F; text-decoration: none; }
			.subOblock p a:hover{ font-size: 11px; color: #7F7F7F; text-decoration: none; }

			div.vmore{ float: right; font-size: 11px; margin: 0 0 0 7px; }
			div.vmore a{ display: block; margin: 0; padding: 1px 7px; font-size: 9px; color: white; background-color: #008c99; text-transform: uppercase; text-decoration: none; }
			div.vmore a:hover{ font-size: 9px; color: white; background-color: #008c99; text-decoration: none; }

	#footwrap{ padding: 0 0 0 94px; color: #7f7f7f; text-align: center; font-size: 11px; }
	#footwrap div{ background: transparent url(images/bgfoot.gif) repeat-x left top; padding: 19px 0 19px 0; }
	#footwrap div a{ color: black; text-decoration: underline; font-size: 11px; }
	#footwrap div a:hover{ color: black; text-decoration: none; }
/* ------------------------------------------------------------------------------------------------------------------------------------------------ */

	#inavmenu{ float: left; width: 186px; padding: 0 0 0 10px; background: transparent url(images/filer.gif) no-repeat left top; }
		#scuabg{ padding: 0 0 82px 0; background: white url(images/internal/scua.gif) no-repeat right bottom; min-height: 300px; _height: 300px; }
			#wrapMenu{ background: transparent url(images/internal/ypx.gif) repeat-y right top; }
				#inMenu{ padding: 0 0 13px 0; background: transparent url(images/internal/ypx.gif) repeat-y left top; }
				#inMenu ul{ margin: 0; padding: 0 7px 0 7px; list-style: none; }
				#inMenu ul li{ margin: 0; padding: 5px 3px 5px 5px; list-style-type: none; }
				#inMenu ul li a{ font-size: 11px; text-transform: uppercase; text-decoration: none; font-family: Verdana, Arial, Helvetica, sans-serif;	 }
				#inMenu ul li a:hover{ font-size: 11px; text-transform: uppercase; text-decoration: none; }

				#bannerBlock{ padding: 0 0 0 3px; }
		#wrapCnt{ float: left; width: 665px; padding: 0 22px 11px 17px; background: transparent url(images/filer.gif) no-repeat right top; min-height: 400px; _height: 400px; }

			#ruta{ padding: 7px 6px; font-size: 11px; text-align: right; color: #ababab; text-transform: uppercase; background: transparent url(images/dot.gif) repeat-x left bottom; }
			#ruta a{ font-size: 11px; text-transform: uppercase; text-decoration: none; color: #ababab; }
			#ruta a:hover{ font-size: 11px; text-decoration: none; color: #ababab; }
			#ctitle{ padding: 13px 0 5px 0; font-size: 19px; color: #0d8f9f; text-transform: uppercase; font-weight: bold; font-family: Verdana, Arial, Helvetica, sans-serif; }

		/*	#tltLevelOne{ float: left; width: 423px; background: #d7bb84 url(images/internal/top1.jpg) no-repeat left center; min-height: 90px; }
		*/	#tltLevelOne{ padding: 23px 27px 0 0; font-size: 19px; font-weight: normal; text-transform: uppercase; color: white; text-align: right; }
			#tltLevelOne a{ font-size: 19px; font-weight: normal; text-transform: uppercase; color: white; text-align: right; text-decoration: none; }
			#tltLevelOne a:hover{ font-size: 19px; font-weight: normal; text-transform: uppercase; color: white; text-align: right; }

			#subnavmenu{ /*float: left; width: 230px; background-color: #a38d5c; border-left: 1px solid white; min-height: 90px;*/ }
			#subnavmenu ul{ margin: 0; padding: 3px 0 3px 4px; list-style: none; }
			#subnavmenu ul li{ margin: 0; padding: 0 0 0 5px; list-style-type: none; background: transparent url(images/internal/bulletw.gif) no-repeat left 7px; }
			#subnavmenu ul li a{ color: white; text-decoration: none; }
			#subnavmenu ul li a:hover{ color: white; text-decoration: underline; }

		#dtaList h4{ padding: 0.5em 0 0.5em 0; color: #008c99; font-size: 13px; text-transform: uppercase; background: transparent url(images/dot.gif) repeat-x left bottom; }

		.tltEnte{ padding: 7px 0 11px 0; font-size: 13px; color: #0D8F9F; background: transparent url(images/dot.gif) repeat-x left bottom; font-family: Verdana, Arial, Helvetica, sans-serif; }
		.enteBlock{ float: left; width: 42%; padding: 29px 23px 13px 23px; background: transparent url(images/internal/ypx.gif) repeat-y right top; }
		.enteBlock h5{ padding: 0 0 0 0; color: #0D8F9F; font-weight: normal; font-size: 13px; }
		.enteBlock p{ padding-top: 0px; color: #3B3B3B; }

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

	.comment{
		margin: 0; padding: 1em; background-color: #edeeef; border: 0; font-size: 11px;
		}
	.comment fieldset{ border: 0; margin: 0; padding: 0; }
	.comment label{
		float: left;
		margin: 4px 0px; padding: 0;
		width: 20%;

		font-size: 11px;
		color: #949393;
		}
	.comment em{ margin: 8px 0px; padding: 0 0 0 6px; float: left; }
	.comment fieldset br{ clear: both; }

	.inpcmt{
		float: left;
		width: 79%;
		margin: 4px 0px; padding: 2px;

		font-size: 11px;
		background-color: #FFF;
		border: 1px solid #FFF;
	}
	.inpcmtBAD{
		float: left;
		width: 79%;
		margin: 4px 0px; padding: 2px;

		font-size: 11px;
		background-color: #FFF;
		border: 1px solid #FF0000;
	}

/* ################################################################################################################## */

	.lnksrc{ font-size: 13px; color: #3b3b3b; text-decoration: underline; /*padding: 0 0.5em; background-color: transparent; color: #003082; text-decoration: none; font-size: 13px;*/ }
	.lnksrc:hover{ font-size: 13px; color: #3b3b3b; text-decoration: none;/*background-color: transparent; color: #000000; text-decoration: none;*/ }

	.srcList{ padding: 0 0 3px 0; }
	.srcList h5{ padding: 5px 0 5px 0; margin: 5px 0 5px 0; color: #0d8f9f; font-size: 19px; font-weight: normal; background: transparent url(images/dot.gif) repeat-x left bottom; }
	.srcList ul{ list-style: none; margin: 0; padding: 0; }
	.srcList ul li{ clear: both; list-style: none; /*border-bottom: 1px dashed #cec8b7;*/ margin: 0 0 0.5em 0; padding: 0 0 0 7px; _zoom: 1; background: transparent url(images/bulletline.gif) no-repeat left 7px; }
	.srcList ul li div{ margin: 0; padding: 0; float: right; }

/* ################################################################################################################## */

	.lnkpag{ padding: 0 3px 0 3px; background-color: #a38d5c; color: #cdc2a8; border: 1px solid #a38d5c; text-decoration: none; font-size: 16px; }
	.lnkpag:hover{ background-color: #b4811e; color: white; border: 1px solid #b4811e; text-decoration: none; }
	.lnkpagOn{ padding: 0 3px 0 3px; background-color: #b4811e; color: white; border: 1px solid #b4811e; text-decoration: none; font-size: 16px; }
	.lnkpagOn:hover{ background-color: #b4811e; color: white; border: 1px solid #b4811e; text-decoration: none; }

/* ################################################################################################################## */

	#contactForm{ width: 90%; margin: 0 auto; }
	#contactForm form{
		margin: 0;
		padding: 0;
		}
	#contactForm form label{
		float: left;
		width: 40%;
		margin: 5px 0 5px 0;
		padding: 0 0 0 0;
		color: #7f7f7f;
	}
	#contactForm form br{ clear: both; }

	.inpContact{
		float: left;
		width: 65%;
		margin: 4px 0 4px 0;
		padding: 0 0 0 0;
		border: 1px solid #a38d5c;
		background-color: white; /*#f2f2f2;*/
		font-size: 13px;
		color: #000000;
	}
	.inpContactBAD{
		float: left;
		width: 65%;
		margin: 4px 0 4px 0;
		padding: 0 0 0 0;
		border: 1px solid #FF0000;
		background-color: #f2f2f2;
		font-size: 13px;
		color: #000000;
	}

	#btnCnt{ float: right; }
	#btnCnt input{
		display: block;
		margin: 0;
		padding: 2px 15px 2px 7px;

		background: #008c99 url(images/internal/send_bg.gif) no-repeat 50px 7px;
		border: 0;


		font-size: 13px;
		font-family: "trebuchet ms", verdana, sans-serif;
		font-weight: normal;
		text-align:	center;
		color: white;
		cursor: pointer; }

/* ------------------------------------------------------------------------------------------------------------------------------------------------ */
	#pie_premper{
		margin-top:80px;
		padding-bottom: 9px;
		text-align:center;
	}
	#pie_premper a{
		color: #58595B;
		font-size:9px;
		text-decoration:none;
	}
	#pie_premper a:hover{
		color:#000;
		text-decoration:none;
	}