/***********************************************/
/* HTML tag styles                             */
/***********************************************/
body{
	line-height: 1.166;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background-image:url(images/dreamers_03.jpg);
	
}
/******* hyperlink and anchor tag styles *******/

a:link, a:visited{
	color: #66FFFF;
	text-decoration: none;	
	}

a:hover{
	text-decoration: underline;
	color: #FFFFFF;
}

/************** header tag styles **************/

h1{
	color: #334d55;
 	margin: 0px;
 	padding: 0px 0px 0px 100px;
}

h2{
	color: #6E7EA8;
	margin: 0px;
	padding: 0px;
}

h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: medium; 
	font-weight: 800;
	margin: 0px;
 	padding: 0px;
}

h4{
 	font: 100% Arial,sans-serif;
 	color: #333333;
 	margin: 0px;
 	padding: 0px;
}

h5{
 	font: 100% Arial,sans-serif;
 	color: #334d55;
 	margin: 0px;
 	padding: 0px;
}

h6{
  	font-weight:bold;
  	margin: 0px;
  	padding: 0px;
}


/*************** list tag styles ***************/

ul{
 	list-style-type: square;
}

ul ul{
 	list-style-type: disc;
}

ul ul ul{
 	list-style-type: none;
}

/********* form and related tag styles *********/

form {
	margin: 0;
	padding: 0;
}

label{
 	font: bold 1em Arial,sans-serif;
 	color: #334d55;
}
				
input{
	font-family: Arial,sans-serif;
}



/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#pagecell{
	position: relative;
	margin: auto;
	z-index: 100;	
	width:1019px;
	background-image:url(images/dreamers0_08.jpg);
}

#masthead{
	position: relative;
	margin: auto;
	width: 1020px;		
	z-index: 100;
	height: 197px;
	background-image: url(images/dreamers_header_05.jpg);
}

#content{
	margin: 0px 200px 0px 200px;
	position: relative;
	height: auto;		
	max-height: 1000px;
	min-height: 600px;
	background-image:url(images/trans_04.png);
	/*iexplorer
	opacity: 0.2;
	mozilla firefox opera
    -moz-opacity: 0.2;
   iexplorer CSS3
	filter: alpha(opacity=20);*/	
	}

#pageNavl{
	float: left;
	position: inherit;	
	width:170px;
	height: auto;	
	border: 1px solid #304671;
	margin: 0px 10px 0px 15px;
	background-image: url(images/trans_06.png);	
}

#pageNavR{
	float: right;
	position: inherit;	
	width:170px;
	height: auto;	
	border: 1px solid #304671;
	margin: 0px 15px 0px 10px;	
}

#siteName{
	margin: 0px;
	padding: 0px 0px 0px 0px;
	height: 150px;
}

#barNav{
	margin: 0px;
	padding: 0px 0px 0px 530px;
	background-image: url(images/opa_06.jpg);
	height: 29px;	
}

#barLink img{
	/*margin-bottom: -4px;*/	
	vertical-align:middle;
	position: inherit;
	margin-right: 8px;
	border: 0px;
}

#barLink{
	position: relative;
	text-align: right;
	vertical-align:middle;
	padding: 16px 0px 0px 0px;		
	width: 300px;
}

a.blink, a.blink:visited{
  	font-size: 70%;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;	
	color: #5593d8;	
	padding: 0px 20px 0px 0px;	
	letter-spacing: 0.1em;	
}

a.blink:hover{  	
	font-size: 70%;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;	
	/*text-transform:uppercase;*/
	letter-spacing: 0.1em;
	text-decoration: none;
	color: #96cfff;	
}

#tl {
	position:absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	/*z-index: 100;*/
	}
      
#tr {
	position:absolute;
	top: 0px;
	right: 0px;
	margin: 5px;
	padding: 0px;
	/*z-index: 100;*/
}
/************** feature styles *****************/

table.package {
width: 400px;
margin: auto;
border:0px;
position: inherit;
background-image:url(images/trans_04.png);
}

table.package thead th{
font: bold 90% Arial, Helvetica, sans-serif;
	padding: 5px 0px 5px 15px;
	vertical-align: middle;	
	color:#FFFFFF;
	/*color: #96CFFF;*/
	background-image: url(images/titles_20.jpg);
	height: 5px;	
	/*iexplorer*/
	opacity: 0.7;
	/*mozilla firefox opera**/
    -moz-opacity: 0.7;
   /*iexplorer CSS3*/
	filter: alpha(opacity=70);
	/*border-bottom: 1px solid #d2d5df;*/
}
table.package tbody th{
vertical-align: top;;
text-align: left;
}

table.package tbody td{
font: normal 70% Geneva, Arial, Helvetica, sans-serif;
text-align: justify;
padding: 3px 5px 3px 8px;
vertical-align: top;
color:#666666;
}

#feature{
	font-size: 80%;	
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	padding: 10px 15px 0px 10px;
	width: auto;
	vertical-align: top;	
	}


/************* pagenavL styles ****************/
#mainLink{
	padding: 0px 0px 0px 0px;	
}

#mainLink img{
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	border: 0px;
	margin-right: 8px;
}

a.mlink, a.mlink:visited{
	display: block;
	background-image:url(images/opa_fondo_08.jpg);
	border: 0px;	
	/*border-bottom: 1px solid #e4e9f1;	*/
	font:normal 80% Verdana, Arial, Helvetica, sans-serif;	
	padding: 10px 12px 14px 15px;	
	color: #5593d8;	
	border-bottom: 1px solid #304671;
	text-transform:lowercase;
}

a.mlink:hover{
	font-weight: normal;
	background-image:url(images/trans_05.png);
	border-bottom: 1px solid #304671;
	text-decoration: none;			
	color: #96cfff;	
	text-transform:lowercase;	
}
a.mlink2, a.mlink2:visited{
	/*display: block;*/
	background-image:url(images/opa_fondo_08.jpg);
	border: 0px;	
	/*border-bottom: 1px solid #e4e9f1;	*/
	font:normal 80% Verdana, Arial, Helvetica, sans-serif;	
	/*padding: 10px 12px 14px 15px;	*/
	color: #5593d8;	
	/*border-bottom: 1px solid #304671;*/
	text-transform:lowercase;
}

a.mlink2:hover{
	font-weight: normal;
	background-image:url(images/trans_05.png);
	/*border-bottom: 1px solid #304671;*/
	text-decoration: none;			
	color: #96cfff;	
	text-transform:lowercase;	
}
a.clink, a.clink:visited{
	display: block;			
	font:bold 75% Arial, Helvetica, sans-serif;	
	text-transform:lowercase;	
	padding: 7px 0px 10px 12px;	
	color: #dff1c7;
	border-bottom: 1px solid #dff1c7;
	background-image: url(images/opa_fondo_10.jpg);
}

a.clink:hover{
	border-top: 2px solid #abd96a;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
}

/*************** story styles ******************/

.story {	
	padding: 0px 0px 0px 0px;
	margin: 0px;
	border: 0px;	
}

/*titles*/
.story h1{
	font: bold 90% Arial, Helvetica, sans-serif;
	padding: 15px 0px 13px 15px;
	vertical-align: middle;	
	color:#FFFFFF;
	/*color: #96CFFF;*/
	background-image: url(images/titles_20.jpg);
	height: 23px;	
	/*iexplorer*/
	opacity: 0.7;
	/*mozilla firefox opera**/
    -moz-opacity: 0.7;
   /*iexplorer CSS3*/
	filter: alpha(opacity=70);
	/*border-bottom: 1px solid #d2d5df;*/	
}


.story h2{
	font: normal 60% Geneva, Arial, Helvetica, sans-serif;
	padding: 8px 15px 5px 50px;	
	color: #FFFFFF;		
	font-weight:lighter;	
	text-align: justify;
	line-height: 1.5;
	list-style-position: inside;
	list-style-type: circle;	
}

.story h3{
	font: normal 90% Arial, Helvetica, sans-serif;
	padding: 20px 20px 5px 20px;	
	color: #FFFFFF;		
	font-weight:lighter;	
	text-align: justify;
	line-height: 2;
	list-style-position: inside;
	list-style-type: circle;	
}

a.slink:hover{
	text-decoration: none;		
	text-transform: uppercase;
	color: #3B4A78;
}


/************** menu repeat styles ****************/

#menureturn{
	position: relative;
	margin: auto;
	width: 790px;		
	z-index: 100;
	height: 52px;
	padding: 5px 0px 0px 0px;
	background-image: url(images/opa_foot_07.jpg);
}

#menuInfo{
	padding: 10px 0px 8px 20px;
	color: #cad4e4;
	text-align: left;
	text-align:center;
	vertical-align: middle;
}

a.rlink, a.rlink:visited{
	font-size: 70%;	
	font-family: Arial, Helvetica, sans-serif;	
	padding: 0px 10px 0px 10px;	
	color: #cad4e4;	
}

a.rlink:hover{
	text-decoration: underline;	
	color: #FFFFFF;	
}

/************** site info ****************/

#header{
	position: relative;
	margin: auto;
	width: 100%;		
	z-index: 100;
	height: 22px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/title_16.jpg);
}

#header h3{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	letter-spacing: 0.3em;
	text-align:center;
	font-weight: normal;
	font-size: 70%;	
	color: #5593d8;
	padding: 2px 0px 0px 0px;
	vertical-align: middle;
}

#foot{
	position: relative;
	margin: auto;
	width: 100%;		
	z-index: 100;
	height: 22px;
	padding: 0px 0px 0px 0px;
	background-image: url(images/title_14.jpg);
}

#foot h3{
	font-family: Geneva, Arial, Helvetica, sans-serif;	
	text-align:center;
	font-weight: normal;
	font-size: 70%;	
	color: #5593d8;
	padding: 5px 0px 0px 0px;
	vertical-align: middle;
}

/************ sectionLinks styles **************/

.sectionLinks{
   float:left;  
   margin: 15px 5px 15px 7px;
   padding: 0px 0px 0px 0px;  
   width: 155px;
   height: auto;
   border: #CCCCCC solid 1px;
   background-color:#e4f3cf;
 }

.sectionLinks h3{
  font: bold 80% Arial, Helvetica, sans-serif;
  padding: 8px 4px 2px 5px;
  background-image: url(images/opa_fondo1_08.jpg);
  color: #cad4e4;
  text-align:center;
  height: 24px;
  list-style-position: inside;
  list-style-type:circle;
 }
 
 .sectionLinks h4{
  font: bold 80% Arial, Helvetica, sans-serif;
  padding: 8px 4px 2px 5px;
  background-image: url(images/opa_fondo_10.jpg);
  color: #dff1c7;
  text-align:center;
  height: 24px;
  list-style-position: inside;
  list-style-type:circle;
 }
 
 .sectionLinks h2{
  font: normal 90% Arial, Helvetica, sans-serif;
  padding: 10px 8px 10px 8px;
  color: #333333;
  line-height: 1;
  text-align: center;
  border-bottom: #6c9d14 dotted 1px;
 }
 
.sectionLinks h1{
  font: normal 70% Arial, Helvetica, sans-serif;
  padding: 4px 8px 8px 8px;  
  color: #666666;
  line-height: 1; 
 }
 
 a.plink, a.plink:visited{
	color: #2e5520;	
}

a.plink:hover{
	color: #000000;
	text-decoration: underline;
}

/*-------------------------estilo principal*/

.texto{
   margin: 0px;
   padding: 0px;
   background-color:#333333;
   height: 22px;  
}
 
.texto h3{
   padding: 15px 15px 15px 15px;
   font: normal 70% Geneva, Arial, Helvetica, sans-serif;
   text-align:justify;
   color: #666666;   
}
 
 .texto img{
   margin: 0px 0px 0px 0px;
   padding: 0px;
}

/*-------------------------estilo principal*/

.animacion{
   float: right;  
   margin: 10px;
   padding: 0px 0px 0px 0px;   
   width: 150px;
   height: auto;

 }
/********************* end **********************/