/*** CSS document by EzyPixel.com 03-2009 ***/
/**
 *
 * FULL RESET OF CERTAIN BROWSER 'defaults'
 *   Take back control from the browsers.
 * 
 * Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui
 */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; }
table {border-collapse: separate !important;border-spacing:0;}
fieldset, img {border:0}
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
ol, ul, li {list-style:none;}
caption, th {text-align:left;}
h1, h2, h3, h5, h5, h6 {font-size:100%;}
q:before, q:after {content:'';}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong,  b {font-weight:bold;}
em, i {font-style:italic;}
* a {position:relative;} /* Gets links displaying over a PNG background */
a {outline:none;} /* Gets rid of Firefox's dotted borders */
a img {border:none;} /* Gets rid of IE's blue borders */

/* General Global Stuff */

/* Textual elements */
body {font-size:62.5%; background-image: url(images/body-bg.gif); background-repeat: repeat-x; font-family:Arial, Helvetica, sans-serif; color:#333;}
h1, h2, h3, h4, h5, h6{ color:#333; margin:0 0 .4em 0; padding:0; font-family: Tahoma, Verdana, Arial, sans-serif; font-weight:bold;}
  h1 {font-size:2em; font-weight:normal;}  /* displayed at 24px */
  h2 {font-size:1.5em;}  /* displayed at 18px */
  h3 {font-size:1.25em;}  /* displayed at 15px */
  h4 {font-size:1em;}  /* displayed at 12px */
  h5 {font-size:1em;margin:0 0 .9em 0;}  /* displayed at 12px */
  h6 {font-size:1em;}  /* displayed at 12px */
p {padding:5px 0px;line-height:1.4;}
a {color:#336699;text-decoration:none;font-weight:bold;}
a:hover {color:#3685c4;text-decoration:underline;}
ol, dl, pre, .meta {}


/* Layout styles */

/**** MAIN LAYOUT ****/
#container {width:960px; margin:0 auto; overflow:hidden;}

/**** HEADER ****/
#header {width:100%; height:185px;}

/**** TOP HEADER ****/
#topheader {height:20px; width:100%; background-color:#333; color:#fff; font-size:1.1em; padding:5px 0 0 0; border-bottom:1px solid #666;}
#topheader img {vertical-align:middle; padding:0 5px 0 0;}
.logo {width:248px; height:95px; margin:0; float:left;}
h1.logo {text-indent: -9999px; background:url(images/logo.gif) no-repeat;}
h1 a {display: block; width: 100%; height: 100%; outline: none;}

/**** SEC NAVIGATION ****/
#sec-nav {height:29px; width:712px; float:right; font-family: Tahoma, Verdana, Arial, sans-serif;}
#sec-nav ul {padding:8px 0 0 0; margin:0; list-style:none; overflow:hidden; float:left;}
#sec-nav li {margin:0; list-style:none; float:left;}
#sec-nav li a {font-size:1.3em; padding:0 15px 0 8px; color:#333; font-weight:normal; background:url(images/sec-nav-bullet.gif) no-repeat 0 60%;}
.busqueda {width:250px; height:24px; float:left; font-size:1.1em; text-align:center; padding:3px 0 0 0; vertical-align:middle;}
.buscar-button {width:19px; height:19px; vertical-align: bottom; vertical-align: top; cursor:pointer;}
.language { float:right; width:auto; padding:7px 0 0 0;}
.language a { font-size:1.3em; text-decoration:underline; text-align:right;}

/**** MAIN NAVIGATION ****/
#main-nav {float:left; width:100%; line-height:normal; font-size:1.5em;}
#main-nav ul {margin:0; list-style:none;}
#main-nav li {float:left; margin:0; padding:0; background: url(images/main-nav-right.gif) no-repeat right top;}
#main-nav a {display:block; padding:8px 14px 9px 15px; background:url(images/main-nav-left.gif) no-repeat left top; color: #fff; font-weight: bold;text-decoration: none;}
#main-nav a:hover {display:block; padding:8px 14px 9px 15px; background:url(images/main-nav-left.gif) no-repeat left top; color: gainsboro; font-weight: bold;text-decoration: none;}
#main-nav .current {background-image:url(images/main-nav-right-current.gif);}
#main-nav .current a {background-image:url(images/main-nav-left-current.gif);}

/**** SIDEBAR LEFT ****/

/**** CONTENT ****/
.message
{
	width: 99%;
	float: left;
	background-color: #FFFFCC;
	border: solid 1px #ccc;
	font-size: 1.25em;
	font-weight: bold;
	color:black;
}
#main-content {width:635px; float:left; border-right:1px solid #ccc; padding:0 5px 0 0;}
#main-content h3 {font-weight:normal; margin:10px 0; font-size:1.4em; font-family: Tahoma, Verdana, Arial, sans-serif;}
#main-content h5 {font-size:1.5em; font-weight:normal; color:#4d4d4d; padding-top:5px;}
.evento-destacado {border-bottom:7px solid #f3f2e8; overflow:hidden; padding:10px 0 15px 0;}
.evento-destacado h2 {color:#ff7004; font-size:2em; font-family:Arial, Helvetica, sans-serif; margin:7px 0 0 0;}
.evento-destacado p {font-size:1.3em; color:#4D4D4D; padding:0 0 0 0;}
.evento-destacado h2 a {color:#ff7004; text-decoration:none;}
.evento-destacado h2 a:hover {color:#336699; text-decoration:none;}
.evento-destacado .vermas {margin-top:5px;}
.evento-destacado .vermas a {white-space:nowrap;color:#ff7004; font-size:1.1em; text-decoration:underline;}
.eventos-lista {width:305px; }
.eventos-lista h2 {color:#ff7004; font-size:1.8em; font-family:Arial, Helvetica, sans-serif; margin:7px 0 0px 0;}
.eventos-lista p {font-size:1.2em; color:#4D4D4D; padding-right:20px;}
.eventos-lista .vermas a {white-space:nowrap;color:#ff7004; font-size:0.9em; text-decoration:underline; padding:0 5px;}
.eventos-lista h2 a {color:#ff7004; text-decoration:none;}
.eventos-lista h2 a:hover {color:#336699; text-decoration:none;}
.dottedline { border-bottom:1px dotted #333; margin:5px 0 10px 0; }
.fecha-eventos-lista { color:#808080; font-weight:bold;}
.banner-eventos-lista { width:303px; height:50px; border:1px solid #ccc; margin:10px 0 10px 0; background-color:#ccc; text-align:center; padding:20px 0;}
.proveedores-destacados {width:320px; }
.proveedores-destacados-box {background-color:#f3f2e8; padding:5px 5px 7px 5px; overflow:hidden; margin:10px 0 0 5px;}
.proveedores-destacados-box h4 {color:#ff7004; font-size:1.1em; font-family:Arial, Helvetica, sans-serif; margin:0 0 2px 0;}
.proveedores-destacados-box h4 a {color:#ff7004; text-decoration:none;}
.proveedores-destacados-box h4 a:hover {color:#336699; text-decoration:none;}
.proveedores-destacados-box p {width:145px; padding:0 5px 0 7px; color:#4D4D4D; line-height:13px; font-size:1.1em;float: left; }
.proveedores-destacados-box .vermas a {white-space:nowrap;color:#ff7004; font-size:0.9em; text-decoration:underline; display:block;}
.proveedores-img {float: left; text-align:center; width: 140px; background-color:White; border:2px solid #cfcfcf; }

/**** SIDEBAR RIGHT ****/
#sidebar { width:319px; float:left;}
.busca-proveed-box {width:314px; height:175px; background: #f3f2e8 url(images/micro.jpg) no-repeat 100% 100%; margin:5px 0 0 5px; padding-left:5px;}
.busca-proveed-box-controls {padding-left:10px;}
.busca-proveed-box h4 {font-size:1.8em; font-weight:normal; color:#4d4d4d; padding:10px 0 0 10px;}
.busca-proveed-box form {margin:-8px 0 0 25px; padding:0;}
.busca-proveed-box label { display:block; font-size:1.2em; margin:10px 0 5px 0;}
.busca-proveed-box select {padding:1px; border:1px solid #ccc; font-size:1.3em; color:#4d4d4d; width:180px;}
.buscar-proveed-button {margin:10px 0 5px 10px;}
.small-banners-box {padding:15px 0 0 0; overflow:hidden; margin-bottom:15px;}
.banner-170x125 {width:170px; height:125px; background-color:#ccc; border:1px solid #ccc; text-align:center; float:left; margin-right:10px; margin-left:15px; display: inline;}
.banner-100x125 {width:100px; height:125px; border:1px solid white; text-align:center; float:left; margin-left:10px; display: inline;}
.suscribase {background:url(images/suscribase.gif) no-repeat; width:315px; height:86px; text-indent:-9999px; clear:both; margin:0 0 15px 5px;}
.registrese {background:url(images/registrese.gif) no-repeat; width:315px; height:71px; text-indent:-9999px; clear:both; margin:0 0 15px 5px;}
.banner-275x90 {width:275px; height:90px; background-color:#ccc; border:1px solid #ccc; text-align:center; margin: 0 auto 15px auto;}
.banner-275x200 {width:275px; height:200px; background-color:#ccc; border:1px solid #ccc; text-align:center; margin: 0 auto 15px auto;}

/**** FOOTER ****/
#footer {background:url(images/footer-bg.jpg) repeat-x; height:61px; clear:both; text-align:center; margin:0 0 10px 0;}
#footer  ul {padding:8px 0 0 0; margin:0 auto 10px auto; list-style:none; overflow:hidden; width:550px;}
#footer  li {margin:0; list-style:none; float:left;}
#footer  a {font-size:1.1em; padding:0 10px 0 8px; color:#fff; font-weight:normal; background:url(images/footer-nav-bullet.gif) no-repeat 0 60%;}

.top-banner
{
	 float:left;
}

.standard-text {padding:10px 10px 10px 0px;font-size:1.3em; color:#4D4D4D;}
.standard-text h1 {font-weight:bold; color:#ff7004; font-size:1.5em; font-family:Arial, Helvetica, sans-serif; margin:7px 0 10px 0;}
.standard-text h4 {color:#ff7004; font-size:1.2em; font-family:Arial, Helvetica, sans-serif;}
.standard-text h4 a:hover {color:#336699; border-bottom:solid 1px #336699; text-decoration:none;}
.standard-text p {padding-bottom:20px;}
.standard-text ul { list-style-type: disc; margin-left:50px;}
.standard-text li { list-style-type: disc;}
.field-label { font-weight:bold; color:#404040;}
.boton
{
    FONT-SIZE: 11px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    background-image:url(images/menu.gif);
    border:0;
    color:White;
    cursor:pointer;
    padding:2px;
    font-weight:bold;
}
.boton-naranja
{
    FONT-SIZE: 12px;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    background-color:#ff7004;
    border:0;
    color:White;
    cursor:pointer;
    padding:2px;
    font-weight:bold;
    border:solid 1px silver;
}

.requerido
{
    color:#FF8040;
    font-weight:bold;
}

/**** BLOCK STYLES ****/

/**** POPUP STYLES ****/

/**** MISC CLASSES AND STYLES ****/
.clear {clear:both;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.dontWrap {white-space:nowrap;} 
li.last {border:none;}

/*AJAX */
.modalBackground {
    background-color:Gray;
    filter:alpha(opacity=70);
    opacity:0.7;
}    
.modalPopup {
    background-color:white;
    border-width:2px;
    border-style:solid;
    border-color:Gray;
    padding:3px;
    width:250px;
}

.popUpDrag 
{
	cursor: move;
	background-image: url(images/nav.jpg);
	background-repeat: repeat-x;
	border:solid 1px #388CBA;
	color:White;
	text-align:center;
	font-weight:bold;
	font-family: Trebuchet MS;
	font-size:14px	
}

A.stdlink,A.stdlink:link {
    color: #404040;
    text-decoration: none;
    font-weight:normal;
}
A.stdlink:visited {
    color: #404040;
    text-decoration: none;
    font-weight:normal;
}
A.stdlink:hover {
    color: #404040;
    border-bottom: 2px solid #4f9ec9;
    font-weight:normal;
    text-decoration: none;
}