/* reset browser styles */
html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}
ol { 
  margin-left: 1.4em; 
  list-style: decimal; 
}
ul { 
  margin-left: 1.4em; 
  list-style:square; 
}
img {
  border: 0;
}

input[type="text"], input[type="password"], input[type="email"], textarea, select { 
    outline: none;
}
/* end reset browser styles */

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background-image:url(imagenes/bgp.jpg); background-repeat:no-repeat; background-position:top center;
	margin: 0; /* es recomendable ajustar a cero el margen y el relleno del elemento body para lograr la compatibilidad con la configuración predeterminada de los diversos navegadores */
	padding: 0;
	text-align: center; 
	color: #fff;
	background-color:#5B8332;
}

h1, a.h1, h1 a { font-family: Georgia; font-size:24px; color:#000; margin-bottom:10px; text-decoration:none}
h2 { font-family: Georgia; font-size:20px; color:#000; margin-bottom:10px; }
h3, a.h3, h3 a { font-family: Georgia; font-size:16px; color:#000; margin-bottom:10px; line-height:20px; text-decoration:none}

a:hover.h1, h1 a:hover { text-decoration:underline}
a:hover.h3, h3 a:hover { text-decoration:underline}

p { color:#333; font-size:12px; line-height:20px}

#container {width: 1000px; 	margin: 0 auto; text-align: left; background-color:#FFF }

#heather { position:relative}
#logo { padding:20px 0 0 13px}

#rs2 { position:absolute; top:105px; right:40px}
#fecha {position:absolute; top:115px; right:400px; font-size:12px; color:#000}

#logcessi { position:absolute; top:20px; right:40px}

#rs img {border:0px}

#smoothmenu1 { height:62px; margin-left:7px}
.clear { clear:both}

#banner-top {text-align:center; margin-top:10px}
#banner-top img{ border:none; margin:0; padding:0}
.dot { height:1px; width:100%; background-image:url(../imagenes/line-dot.jpg);}

.col1 { width: 380px; float:left; margin-left:20px; margin-top:20px}
.col1 img{ border:5px #CCC solid; float:left; margin-right:10px}
.vermas { color:#669900; font-size:12px}
.vermasf { background-image:url(../imagenes/bg-vermasf.jpg); background-repeat:no-repeat; height:42px; font-size:12px; margin-top:10px}
.vermasf a{ color:#fff; text-decoration:none; line-height:30px; padding-left:30px}
.vermasf a:hover{ color:#000}
.col2 { width:230px; float:left; margin-left:50px; margin-top:20px}
.col3 { float:right; margin:20px 20px; width:226px }
.cola {  float:left; margin-left:20px; margin-top:20px}
.colb {  float:left; margin-top:20px;  margin-left:20px;}


.agenda { background-image:url(../imagenes/tab-agenda.jpg); background-repeat:no-repeat; width:226px; height:40px;  font-family: Georgia; font-size:23px; color:#fff;  text-align:center; padding-top:8px }
.evento { margin-top:15px; color:#000; font-size:12px; font-weight:bold}
.evento a{ color:#000; font-size:12px; font-weight:bold}
.evento img{ float:left; margin-right:10px}
.fecha { font-size:10px; color:#000; font-weight:normal}

#diamond { width:100%;  text-align:left;}
#platinum { width:100%; text-align:left}
#platinum img{ float:left }
#marco{ }

#bread { color:#000; font-size:12px; margin-left:30px; margin-top:50px}
#bread a{ color:#000; font-size:12px}

#bread2 { background-image:url(../imagenes/bg-menusub2.jpg); background-repeat:no-repeat; width:986px; height:67px; color:#fff; font-size:12px; position:absolute; top:175px; margin-left:7px; padding:10px 0 0 35px; margin-bottom:50px}
#bread2 a{ color:#fff; font-size:12px}

.inst { width:680px; float:left; margin-left:30px; margin-top:20px; position:relative }
.inst img{ border:solid 5px #ccc; float:left; margin-right:20px}



.noticias-list { width:680px; float:left; margin-left:30px; margin-top:20px }
.noticias-list img{ border:solid 2px #ccc; float:left; margin-right:20px}
.noticias-list p { display:table; line-height:15px; font-size:11px }
.noticias-list h3 { margin-bottom:0px }

#select-ed { position:absolute; top:0; right:120px; width:120px; color:#5B8332; font-size:11px; text-align:right; line-height:15px}
#select-ed2 { position:absolute; top:0; right:0; width:100px; color:#5B8332; font-size:11px; text-align:right; line-height:20px}
.box-edicion { border: solid 1px #ccc}

.tab-finalistas { width:100%; border:1px solid #ccc; background-image:url(../imagenes/shadow.jpg); background-position:bottom; background-repeat:repeat-x; padding-bottom:5px; margin-top:15px }
.tab-finalistas td.tit { background-color:#B3CF3E; color:#FFF; padding:5px 0 5px 10px;  }
.tab-finalistas td.empresa { background-color:#CCCCCC; width:50%;color:#000; padding:5px 0 5px 10px; font-size:13px;}
.tab-finalistas td.items { width:50%;color:#000;  padding:5px 0 5px 10px; font-size:12px; }
.tab-finalistas td.items-g { width:50%;color:#000;  padding:5px 0 5px 10px; font-size:12px;}
.tab-finalistas img{ border:1px;}

#sponsor { width: 95%; margin-left:30px; margin-top:20px}
.sponsor { width:100%}
.sponsor img{}

/* Pie*/
#pie {background-color:#5B8332; padding:5px 0 20px 20px ; position:relative}
.pie { float:left; width:1000px}
#pie .pie ul {height:80px; margin:0; padding:0;  }
#pie .pie ul li{width:120px; list-style:none; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#FFF; font-weight:bold; float:left; margin-right:20px }
#pie .pie ul li a{color:#FFF; font-weight:bold; text-decoration:none}
#pie .pie ul li ul { margin-top:10px }
#pie .pie ul li ul li { margin:0; padding: inherit; font-weight:normal; background-image:none; font-size:10px}
#pie .pie ul li ul li.top { font-weight:bold; font-size:11px; margin-top:10px}
#pie .pie ul li ul li a{color:#FFF; font-weight:bold; text-decoration:none}
#pie .pie ul li ul li a:hover{color:#FFF; font-weight:bold; text-decoration:underline}

.cessipie { position:absolute; top:100px}

/* SLIDERS*/

#slider2 {position: relative; overflow: hidden;height:100px;  border:solid 1px #ccc; }
#slider2 img {position:absolute;	display:none; width:120px; height:100px;}
#imageloader {position:relative; display:block; width: 100%; margin: 0px auto; text-align: center;}
#imageloader img { position:relative; top:70px; z-index:100; width:128px; height:15px; display:inline;}
img.plat2 { margin-right:80px; }
#sliderno img{ margin-right:10px}


/* Container DIV - automatically generated */
.simply2-scroll-container { 
	position: relative;
}

/* Clip DIV - automatically generated */
.simply2-scroll-clip { 
	position: relative;
	overflow: hidden;
	z-index: 2;
}

/* UL/OL/DIV - the element that simplyScroll is inited on
Class name automatically added to element */
.simply2-scroll-list { 
	position: absolute;
	top: 0;
	left: 0;
	z-index: 1;
	overflow: hidden;
	margin: 0;
	padding: 0;
	list-style: none;
}
	
.simply2-scroll-list li {
	padding: 0;
	margin: 0;
	list-style: none;
}
	
.simply2-scroll-list li img {
	border: none;
	display: block;
}

/* Custom class modifications - adds to / overrides above

.simply2-scroll is default base class */

/* Container DIV */
.simply2-scroll { 
	width: 576px;
	height: 200px;
	margin-bottom: 1em;
}

/* Clip DIV */
.simply2-scroll .simply2-scroll-clip {
	width: 576px;
	height: 200px;
}
	
/* Explicitly set height/width of each list item */	
.simply2-scroll .simply2-scroll-list li {
	float: left; /* Horizontal scroll only */
	width: 290px;
	height: 200px;
}

#sitemap {font-size:12px; text-decoration:none; color:#5B8332;line-height:17px;}
#sitemap ul, #sitemap li {list-style:none;}
#sitemap a	{font-size:11px; text-decoration:none; color:#5B8332; list-style:none; line-height:15px;}


#sesion { position:absolute; top:155px; right:20px; width:50px; font-family:Arial, Helvetica, sans-serif; z-index:10000}
#sesion a { text-decoration:none; color:#FFF; font-size:10px}