@media screen, projection {



/*formato general*/



body,td,th {

	font-family: 'Lucida Grande', 'Lucida Sans Unicode', Verdana, sans-serif;

	font-size: 13px;

	text-align: center;

	padding:0px;

	margin:0px;

	color:#000;

}

body {

	/*background-color:#E8C659; el amarillito*/

	background-color:#812700;

}

#contenedor {

position:relative;

width: 732px; /*whatever your width is*/

padding-bottom: 5px;

margin-left: auto;

margin-right: auto;

text-align: left; /*agregar esta línea si se usa el hack para IE5*/

}



p

{

	margin: 0px 0px 10px 0px;

	text-align: left;

	clear:both;

}



em {

	/*font-style:normal; /*ojo, para salvar a ie*/

	color:#195C66;

}

a, a:link, a:visited, a:active, a:hover {

	color: #877B35;

	text-decoration:underline;

}

a.readmore, .navbar a, .lang a {
	font-weight:bold;
}

div.footer2 a.menu1, div.footer2 a.menu1a {

	font-weight:normal;

}

div.footer2 {

	color:#666;

}

	

a:hover {

	color:#AC8F1B;

}


h2, h3 {

	margin-bottom:10px;

	font-size:18px;

	color: #6E8100;

	font-weight: bold;

	margin: 0px 0 10px 0;

	}



h4 {

	color: #812700;

	font-weight: bold;

	margin: 0px 0 10px 0;

	font-size:14px;

	}

	

h5 {

	color: #812700;

	font-weight: normal;

	margin: 0px 0 5px 0;

	font-size:13px;

	}

h6 {

	color: #812700;

	font-weight: bold;

	margin: 0;

	font-size:11px;

	}

	

img {

	border:none;

}

ul {

	margin-left:0;

	padding-left:0;

	margin:0;

	padding-bottom:5px;



	list-style-position:outside;

	margin-left:30px;

}

ul.nodisc {

	list-style:none;

}

ol {

}

li {

	padding-bottom: 2px;

}

td  {

	text-align: left;

	vertical-align: top;

	padding-bottom: 5px;

}

td strong {

		color: #666;

}

td.tdleft {

	text-align:right;

	padding-right: 10px;

	color: #666;

}

img.ilustra {

	float:left;

	clear:left;

	margin:0;

	padding:0;

	margin-top:3px;

	margin-bottom:-5px;

	z-index:-1;

	/*border-bottom:solid 1px #000;*/

}

img.centrar {

	display:block;

	text-align:center;

	margin-top:10px;

	}

.colcentro img {

	margin-top: 20px;

	margin-bottom: 20px;

	border: solid 2px #ccc;

}

.colcentro td img {

	padding:0;

	margin-top:0;

	margin-left:10px;

}



/*layout*/

.clr {

	clear:both;

}

.header {

	float: left;

	padding: 0px;

	margin: 0px;

	width: 732px;

	height: 204px;

}

.intro {

	float:left;

	width:660px;

	height:430px;

	margin-left:18px;

}

.galeria {

	display: inline; /*hack para que IE6 no renderée doble el margen*/

	float:left;

	width:660px;

	height:350px;

	margin-left:36px;

}

.lang {

	display:inline;

	float:left;

	font-size: 10px;

	margin:0;

	margin-top:5px;
	
	margin-bottom:-5px;

	margin-left:590px;

}

.print {

	display:inline;

	float:left;

	font-size: 10px;

	margin:0;

	margin-top:-8px;

	margin-left:10px;

}

.pagbg0, .pagbghome {

	float:left;

}

.colnopad {

	float:left;

	width:290px;

	padding:0px;

	padding-bottom: 0px;

}



.navbar {

	display:inline;

	float:left;

	width:686px;

	margin:14px 23px 10px 23px;

}



.coltotal p, .coltotalsup p {

	text-align:justify;

}

.agrupa {

	float:left;

	width: 732px;

}

.float {

	float:left;

}

.principal {

	margin-top:-5px; /*hack para que ie 5.x no deje un gap entre el header y el div principal*/

	float:left;

	width: 732px;

	background-color:#f9eeca;

	background-image:url(pics/body.gif);

	background-repeat:repeat-y;

}

.colizq {

	display: inline; /*hack para que IE6 no renderée doble el margen*/

	float:left;

	margin-left:23px;

	margin-right:15px;

	width:328px;

	margin-top:14px;

	margin-bottom:14px;

}

.colder {

	display: inline; /*hack para que IE6 no renderée doble el margen*/

	float:left;

	display: inline;

	margin-left:15px;

	margin-right:23px;

	width:328px;

	margin-top:14px;

	margin-bottom:14px;

}

.colizq a.otros {

	font-size:11px;

}

.colder a.otros {

	display:block;

	font-size:11px;

	text-align:right;

}

.colcentro{

	display: inline; /*hack para que IE6 no renderée doble el margen*/

	float:left;

	display: inline;

	margin-left:104px;

	margin-right:23px;

	width:528px;

	margin-top:14px;

	margin-bottom:14px;

}

.colcentro p {

	text-align:left;

	}

.colcentro li {

	text-align:left;

}



.colflash {

	display: inline; /*hack para que IE6 no renderée doble el margen*/

	float:left;

	display: inline;

	margin-right:13px;

	width:353px;

	margin-top:14px;

}

.footer {

	float:left;

	width: 732px;

	height: 109px;

	background-image:url(pics/footer.gif);

	font-size:11px;

	color:#bdbdbd;

}

.footer2 {

	display: inline; /*hack para que IE6 no renderée doble el margen*/

	float:left;

	margin-left:23px;

	margin-right:23px;

	margin-top:50px;

}

div.centrar {

	float:left;

	clear:left;

	width:100%;

	text-align:center;

}



/*estilos especiales*/





p.quien {

	font-family:Georgia, "Times New Roman", Times, serif;

	text-align: right;

	font-size: 11px;

	font-weight: bold;

	padding-bottom:10px;

}

.quote { /*italic te manda a la goma tu layout en IE6 con ciertos puntajes (ej. 13px)*/

	/*font-size: 12px;*/

	background-color:#EEE;

	padding: 7px;

	/*border-left: 1px #888 solid;

	padding-left: 5px;

	border-right: 1px #888 solid;	

	padding-right: 5px;*/

}

.menor {

	font-size:11px;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	color: #ccc;

}

a.readmore, .more-link {

	font-size:11px;

	font-weight:bold;

}

.foto {

	font-size: x-small;

	font-family: Verdana, Arial, Helvetica, sans-serif;

	font-weight: normal;

	text-align: center;

	color: #000;

	margin: 0px 0px 15px 0px;

}

.vertalign {

	/*ocultar cuando no se use screen.css*/

}

div.scrollpane{

	margin-top:15px;

	height:330px;

	overflow:auto;

	border:solid 1px #ccc;

	padding-top:5px;

	padding-left:10px;

}



.coltotal { /*contacto*/

	display:inline; /*hack ie*/

	float:left;

	width:686px;

	margin:14px 23px 14px 23px;

}



/*formstyle*/

#formulario table, #formulario tr, #formulario td { font-family: Verdana; font-size: 8pt; text-align: left;}

#formulario td{ padding: 2px; }

#formulario input, #formulario select, #formulario textarea  { font-family: Verdana; font-size: 8pt; background-color:#eee;}

#formulario select { width: 195px; }

#formulario p.left { text-align: left; }

#formulario td.right {text-align: right; width:230px;}

#formulario td.center {text-align: center; }

#formulario .float img {margin-left:50px;}

/*otros*/

.oldbrowsers, li h2 {

	display: none;

}



}

.coluna {

	margin-top: 15px;

	margin-right: 23px;

	margin-bottom: 15px;

	margin-left: 23px;

}