/* CSS Document */

/* Reset cross-browsing form aNieto2k */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p,
blockquote, pre, a, abbr, acronym, address, big,
cite, code, del, dfn, em, font, img,
ins, kbd, q, s, samp, small, strike,
strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
center, u, b, i {
     margin: 0;
     padding: 0;
     border: 0;
     outline: 0;
     font-weight: normal;
     font-style: normal;
     font-size: 100%;
     font-family: inherit;
     vertical-align: baseline
}

:focus {
     outline: 0
}

ol, ul {
     list-style: none
}

table {
     border-collapse: collapse;
     border-spacing: 0
}

blockquote:before, blockquote:after, q:before, q:after {
     content: ""
}

blockquote, q {
     quotes: "" ""
}

input, textarea {
     margin: 0;
     padding: 0
}

hr {
     margin: 0;
     padding: 0;
     border: 0;
     color: #000;
     background-color: #000;
     height: 1px
}

/* ends reset cross-browsing */

body{
	background-color: #fff;
	color:#666;
	line-height: 1;
	font: 12pt sans-serif,  "Trebuchet MS", Verdana, Arial, Helvetica;
}
a {text-decoration: none;}

.clearer {
	clear: both;
	font-size: 0px;
}


#topLine {
	font-size: 72%;
	width: auto;
	margin: 0em;
	padding: 0px 0px 0px 5px;
	height: 180px;
	/*
     	height: 45px;
	background-color: #4867D6;
	*/
	background:#fff url('../images/mountains-1.jpg') no-repeat;
	color: #ffc540;
}

#topLine h1 {padding: 1em 0em 1em 1em;}
.topLineRight {
	margin:0%;
	padding-top:10px;
	clear:right;
	float:right;
}

#topLine a {
        background-color:#ffc;
        color: #FF9900;
}

#topLine a:hover {
        background-color: #FFCC80;
	color:#B36B00;
}
#wrapper {
	width: auto;
	height:auto;
	margin-left:0.5%;
	margin-right:0.5%;
	margin-bottom: 1em;
}

#wideTop {
	height: auto;
	padding-bottom:1%;
}

#sideColumn {
	clear:left;
	float:left;
	text-align:left;
	font: 90% "Trebuchet MS";
	width:20%;
	padding: 0.5% 2%;
	/*
	top margin must be the same as mainColumn
	bottom margin at 3% to avoid sideColumn being covered by foot
	*/
	margin: 3% 0% 3% 0%;
	border: 1px solid #c96;
	background-color:#ffc;
	color:#c96;
}

#sideColumn a {
	color: #FF9900;
}

#sideColumn a:hover {
	background-color: #FFCC80;
	color:#B36B00;
}

#sideColumn h2 {
	color:#B36B00;
	font: 100% "Arial Black";
	line-height: 180%;
}

#mainColumn {
	clear:right;
	float:right;
	width:69%;
	padding: 0.5% 3%;
	margin: 3% 0%  0% 0%; /* top margin must be the same as sideColumn */
	background-image: url(../images/anagramaColorFondoTransparente.gif);
	background-repeat: no-repeat;
	background-position: 20% 0%;
	min-height:320px;
	color:#444;
	font: 90% Arial;
	line-height: 180%;
}

#mainColumn a:hover {
	background-color: #BFCFFF;
}

#mainColumn h1, #mainColumn h2, #mainColumn h3, #mainColumn h4, #mainColumn h5{
	font: 120% "Arial Black";
	color:#000;
}

#mainColumn .shifted {	
	/*
	background-color:#ffc;
	color:#c96;
	*/
	padding:2%;
	margin:2% 0%;
	border: 1px solid #c96;
}

#mainColumn .box3 {
	width: 20%;
	float: left;
	margin: 0.5% 1%;
	padding: 0.5% 1%;
	border: 1px solid #c96;
}
/* Carrousel section */
#carrusel {
	position: absolute;
	width:1000px;
	/* for center purposes */
	left: 0.5%;
	right: 0.5%;
	margin: 0 auto 0 auto;
}

#temp {
	visibility:hidden;
	position:absolute;
	top:-100px;
	left:-9000px
}


#sideColumn ul ul {
	text-indent: 5%;
	background-color:#fff;
	font-size:70%;
	list-style-image: url(../images/boton.gif);
	list-style-position:inside;
}

/* foot section */
#foot {
	position:fixed;
	width:100%;
	height:1em;
	top:auto;
	right:0;
	bottom:0;
	left:0;
	font: 65% "Ms Trebuchet MS";
	background-color: #4867D6;
	color: #ffc540;
	padding: 0.5%;
	text-align:center;
}

#foot a, #topLine a {color:#ff8500}
#foot a:hover, #topLine a:hover {background-color:#FFF3E6}

/* index section */
#topLine_index {
	font-size: 120%;
	width: auto;
	margin: 0em;
	padding: 5px 20px 0px 20px;
	height: 140px;
	background: #fff;
	color: #ffc540;
	vertical-align:top;
}

.topLineRight_index {
	vertical-align:bottom;
	padding-top:120px;
	padding-right: 2%;
}

#wrapper_index {
        padding-top: 5%;
	margin-top: 300px;
        margin-left: 50%;
        width: 30em;
	background: #fff url('../images/nav/blue/anagramaColorDeFolletoVIP.jpg') no-repeat center top;
	min-height:108px;
 
}

#wrapper_index p{
     font-family: Arial, serif;
     font-size: smaller;
     font-style: italic;
     font-weight: bold;
}