/* CSS Document */

body { font-family: Verdana, Arial, Helvetica, sans-serif; background: url(img/head.jpg) top center no-repeat Whitesmoke ; color: #898989;}

p { font-size: 11px; margin-bottom: 10px;}

a { text-decoration: none; color: #0062b5;}
a:hover { color: #ffcc00;}

h1, h2, h3, h4, h5, h6 { font-family: "Century Gothic", "Arial Narrow", Arial; font-weight: lighter; display: inline-table; padding-bottom: 10px;}
h1 { font-size: 22px;}
h2 { font-size: 16px; color: #ffcc00; font-weight: bold;}
h3 { font-size: 20px;}
h4 { font-size: 18px;}
h5 { font-size: 16px;}
h6 { font-size: 14px; color: #ffcc00; font-weight: bold; padding-bottom: 0px;}

ul {}
li {}

label {}
input {}
text {}

hr {}

#tope, #head, #main, #foot { width: 990px; margin: auto; padding: 0px; overflow: auto;}

#tope { background: #000000; color: #FFFFFF; font-size: 24px; text-align: right;}
#head { /*background: url(img/bk_head.jpg) bottom center no-repeat;*/ }
	#logo { padding: 20px 10px; float: left;}
	#search { padding: 20px 10px; float: right;}
		#search a { font-size: 12px;}
		#search form { font-size: 12px; margin-top: 10px;}
		#search strong { font-weight: bold;}
		#search label {}
		#search input { border: 1px solid #898989; }
/*		#search input#enviar { background: none url(img/search-icon.png) no-repeat top left; border: none; width: 24px; height: 20px;}*/

#menu { width: 990px; margin: auto; padding: 5px 0px; overflow: auto; background: #ffffff; border-top: 2px solid #ffcc00;}
	#menu ul {}
	#menu li { color: #000000; float: left; font-size: 14px; font-family: "Century Gothic", "Arial Narrow", Arial; text-transform: uppercase; vertical-align:middle;}
	#menu img { display: block; padding: 6px 6px; margin: 0px 3px;}
	#menu a { display: block; margin: 0px 3px; padding: 6px 10px; color: #898989;}
	#menu a:hover { color: #232323;}
	#menu .activo { color: #ffcc00;}

#main { background: #ffffff; border-bottom: 2px solid #ffcc00; margin: auto; padding: 0px;}
	.topcont { /*width: 690px;*/ width: 980px; margin: 20px 0px;}
	.topcont h1,.topcont h2,.topcont h3,.topcont h4,.topcont h5,.topcont h6 { display: block;}
		.topcont .left { margin-left: 10px; margin-bottom: 10px; width: 335px; }
		.topcont .right { margin-left: 10px; margin-bottom: 10px;  width: 335px; }
			.secciones { float: left; text-align: center; width: 140px; padding: 5px; background: #f5f5f5;}
			.secciones img { /*border: 5px solid #898989;*/ margin-bottom: 5px; width: 140px; height: 92px;}
			.secciones img:hover { border: 5px solid #f5f5f5; width: 130px; height: 82px;}
			.secciones p { display: block; margin-bottom: 10px;}
			.secciones strong { font-size: 16px; font-family: "Century Gothic", "Arial Narrow", Arial;}

	.cont { float: left; /*width: 690px;*/ width: 835px;}
	.cont h1,.cont h2,.cont h3,.cont h4,.cont h5,.cont h6 { display: block;}
		.cont .both { float: left; margin-left: 10px; margin-bottom: 10px; width: 680px; clear: both; /*overflow: auto;*/ position: relative;}
		.cont .left { float: left; margin-left: 10px; margin-bottom: 10px; width: 335px; clear: left; /*overflow: auto;*/ position: relative;}
		.cont .right { float: left; margin-left: 10px; margin-bottom: 10px;  width: 335px; /*clear: right; /*overflow: auto;*/ position: relative;}
	
	.cont_sis { float: left; /*width: 690px;*/ width: 835px;}
	.cont_sis h1,.cont_sis h2,.cont_sis h3,.cont_sis h4,.cont_sis h5,.cont_sis h6 { display: block;}
	.cont_sis div { margin-left: 10px; margin-bottom: 10px; width: 825px;}
	
	.banner_v { float: left; width: 125px; padding: 0px 5px ; background: #efefef; margin-left: 10px; margin-bottom: 10px;}
	.img_banner_v { margin: 5px 0px;}
#foot { color: #0062b5; margin-bottom: 20px; margin-top: 10px;}
#foot a{ color: #898989;}
#foot a:hover{ color: #232323;}
	#rubros { font-size: 9px; float: left; width: 120px; margin-top: 10px;}
#foot p { font-size: 11px; padding-bottom: 10px;}