h1,h2,h3,p{margin: 0 10px}
h1{font-size: 250%; text-align:center; color:white}
h2{text-align:center; font: 20pt Verdana; color:WHITE;}
h3{text-align:center; font: 15pt Verdana; color:WHITE;font-variant: small-caps; }
img{ border:none}
ul{ text-align:left; margin-top:15px}
a{color:#669900; font-weight:bold; text-decoration:none}
a:hover{color:#FFF}
b{font-size: 100%;}
em{color: red;}

#logo
{
float:left;
border-right:1px solid;
border-bottom:1px solid;
height:143px;
}
#fotoscab
{
float:left;
width:723px;
height:143px;

}
.shadow{
border:1px solid silver;
position:relative;
display:inline;
background:white;
z-index:100
}
.shadow_inner{
overflow:hidden;
position:absolute;
top: -1000px;
filter:alpha(Opacity=10); /*modify to change the shade solidity/opacity, same as below*/
opacity:0.1; /*firefox 1.5 opacity*/
-moz-opacity:0.1; /*mozilla opacity*/
-khtml-opacity:0.1; /*opacity*/
z-index:10
}
body
{
text-align:center;
margin:0 auto;
margin-top:10px;
font-weight:normal;
color: #666666;

background:#EAF7E1;

}

#maincontainer
{
background: #D0E6FB;
width: 900px; /*Width of main container*/
margin: 0 auto; /*Center container on page*/
border:1px solid #000000;

 
}

#topsection{

width:901px;
height:143px;
margin:0;

 /*Height of top section*/
}

#topsection h1{
margin: 0;

}

#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{

margin-right: 200px; /*Set right margin to RightColumnWidth*/
margin-top:8px;

}

#contentcolumn p
{
text-align:justify;
padding:10px;
}
#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background:url(img/fondorcc.gif);
background-repeat:no-repeat;
height:580px;
margin-top:0px;
padding-top:0px;
font-variant: small-caps;
}


#footer{
clear: left;
width: 100%;
background: #3c923b;
color: #FFF;
text-align:center;
padding-top:3px


}

#footer a{
color: #FFFF80;
}

.innertube{
margin: 8px; /*Margins for inner DIV inside each column (to provide padding)*/


}

#marqueecontainer{
position: relative;
width: 100px; /*marquee width */
height: 100px; /*marquee height */
overflow:hidden;
border-color:#161616;
margin:auto;
z-index:0;

}
#marqueecontainer a
{
font-size:9px;
z-index:0;

}
#marqueecontainer
{z-index:0;

 }
 #marqueecontainer img
{z-index:0;

 }		 
 
div#nifty{ margin:0px auto; background: #e7dd9a; font: 13.0pt "Century"; margin-bottom:8px; 
 text-align:center; height:auto}

b.rtop, b.rbottom{display:block;background: #D0E6FB}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #e7dd9a}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

div#niftyl{ margin:0 auto ;background: #f69f4b; margin-bottom:3px;}

b.rtopl, b.rbottoml{display:block;background: #D0E6FB}
b.rtopl b, b.rbottoml b{display:block;height: 1px;
    overflow: hidden; background: #f69f4b}
b.r1l{margin: 0 5px}
b.r2l{margin: 0 3px}
b.r3l{margin: 0 2px}
b.rtopl b.r4l, b.rbottoml b.r4l{margin: 0 1px;height: 2px}

div#nifty2{ margin: 0 ;background: #D5F7DF; margin-bottom:3px; float:right; width:220px; height:auto }

b.rtop2, b.rbottom2{display:block;background: #e7dd9a}
b.rtop2 b, b.rbottom2 b{display:block;height: 1px;
    overflow: hidden; background: #D5F7DF}
b.r12{margin: 0 5px}
b.r22{margin: 0 3px}
b.r32{margin: 0 2px}
b.rtop2 b.r42, b.rbottom2 b.r42{margin: 0 1px;height: 2px}

div.nifty3{ margin:0 auto ;background: #f69f4b; margin-bottom:3px;  width:850px }

b.rtop3, b.rbottom3{display:block;background: #e7dd9a}
b.rtop3 b, b.rbottom3 b{display:block;height: 1px;
    overflow: hidden; background: #f69f4b}
b.r13{margin: 0 5px}
b.r23{margin: 0 3px}
b.r33{margin: 0 2px}
b.rtop3 b.r43, b.rbottom3 b.r43{margin: 0 1px;height: 2px}


b.rtop4, b.rbottom4{display:block;background: #e7dd9a}
b.rtop4 b, b.rbottom4 b{display:block;height: 1px;
    overflow: hidden; background: #D5F7DF}
b.r14{margin: 0 5px}
b.r24{margin: 0 3px}
b.r34{margin: 0 2px}
b.rtop4 b.r44, b.rbottom4 b.r44{margin: 0 1px;height: 2px}



	#form {
	  	  padding: 0.5em;
		  width: auto;
		  }
		  
		  

	#form h2{
			font-size: 1.5em;
			margin: 0 0 0.5em 0;
			padding: 0;
			text-align:center;
			color:white;
			
			}


	#form .campo {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 0.9em;
			
			
			}

	#form .error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 0.9em;}

	#form .com {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 0.9em;
			width:20em;
			height: 5em;
			font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

	#form .com-error {
			border: 1px solid #F00;
			padding: 0.3em;
			font-size: 0.9em;
			width:20em;
			height: 4em;
			font: 1em Lucida Grande, 'Trebuchet MS', verdana, sans-serif;}

  #form .boton {
			border: 1px solid #999;
			padding: 0.3em;
			font-size: 0.9em;
			width: 5em;
			height:2em
			}

	 #error {
		  border: 1px dashed #F00;
		  background-color: #FFF;
		  padding: 5px;}

	 #ok {
	    border: 1px dashed #060;
	    background-color:#FFF;
	    padding: 5px;}



.thumbnail{
position: relative;
z-index: 0;
}

.thumbnail:hover{

z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;

padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 0;
left: 60px; /*position where enlarged image should offset horizontally */

}