

/* GENERAL DEFINITIONS STARTS */

* {margin: 0;padding: 0;font-family:Arial, Helvetica, sans-serif;}

body {

background-color:#355B82;

background-image:url(../images/defaults/bg.jpg);

background-repeat:repeat-x;}

img{ border:0;}

.leftimg{float:left;text-align: left;}



.clear {clear:both;}

#MainContainer{

width: 888px;

height: auto;

margin: 10px auto;}



/* TOP STARTS */

#Top {

width: 888px;

height: 109px;

background-image: url(../images/defaults/bg-header.png);  }



.logo{

width: 242px;

height: 78px;

background-image: url(../images/defaults/logo.png);

background-repeat: no-repeat;

position: relative;

top: 26px;left: 17px; 

float: left;}



.logo a{

width: 242px;

height: 78px; 

display: block;}



/* MAIN PAGE STARTS */

#PageContent {

width: 888px;

background-image:  url(../images/defaults/bg-content.png); 

background-repeat:  repeat-y;display: block;}



.MainBanner{

width:  867px;

height: auto;

display: block;

margin: 0 auto; }



/**FLASH DIVS**/

#OctaPrincipal{

position: relative;

left: 10px;}



#OctaSec{

position: relative;

left: 10px;}



/**CENTENRCONTENT**/

.CenterContent{

width: 848px;

height: auto;

background-image:  url(../images/defaults/main-container.jpg);

background-repeat: no-repeat;

background-position: top;

margin: 10px auto 0 auto;

padding: 20px 20px;}



.LeftColumn {

display:block;

float:left;

height:auto;

margin-right:10px;

width:490px;



}





.RightColumn{

width: 300px;

height: auto;

float: right;

display: block;}



.boxRightColumn{

width: 300px;

height: auto;

background-color: white;

border: solid 1px #E4E4E4;

margin: 10px 0;  

padding:10px 0 10px 0; 

display:block; 

clear: both;}



/* FOOTER STARTS */

#Footer {

background-image:  url(../images/defaults/bg-footer.png);

width: 888px;

height: 50px;

padding-top: 8px;}


#Footer img{
	position:relative;
	top:-5px;
	margin-right:10px;
	margin-left:20px;
	float:left
}
#Footer p {

color:#FFFFFF;

font-family:Arial,Helvetica,sans-serif;

font-size:10px;margin:0 0 0 15px;}



#Footer p a{

color: white;

text-decoration: underline;}/* FOOTER STARTS */
#Footer {
background-image:  url(../images/defaults/bg-footer.png);
width: 888px;
height: 50px;
padding-top: 8px;}

#Footer img{
	position:relative;
	top:-5px;
	margin-right:10px;
	margin-left:20px;
	float:left
}
#Footer p {
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:10px;margin:0 0 0 15px;}

#Footer p a{
color: white;
text-decoration: underline;}




/*SPECIALS*/

p.bigtext{font-size: 24px!important;}

.orangeword{color:#FF8F01;}



/*LISTS*/

ul.ListMenu{

list-style: none;

width: 277px;

display: block;

height: auto;

clear: both;}



ul.ListMenu li{

float:left;

border-bottom: 1px solid  #E1E1E1;

height: 20px;

width: 100%;}



ul.ListMenu li a{

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color:#666;

background-image: url(../images/defaults/list-bullet.gif); 

background-position: 5px 7px; 

background-repeat: no-repeat;

padding:5px 0 0 20px;

text-decoration: none;}



ul.ListMisc{list-style: none;}



ul.ListMisc li{

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #666;

background-image: url(../images/defaults/bullet.gif); 

background-position: 10px 6px;

background-repeat: no-repeat;

padding:2px 0 0 20px;

text-decoration: none;}







/**************Characters*************/

.CenterContent p{

font-family: Arial, Helvetica, sans-serif;

font-size: 11px;

color: #666; 

margin: 10px 0;}



.CenterContent a{



color:#8B9DAF; 

 text-decoration: none;

 

}

.CenterContent a:hover{



color:#8B9DAF; 

 text-decoration: underline;

 

}

.CenterContent h1{

width: 100%;

border-bottom: 1px solid #E5E5E5;

font-family: Arial, Helvetica, sans-serif;

font-size: 18px;

font-weight: normal;

color: #878787;

margin-bottom: 20px;

position: relative;}



.CenterContent h2{

width: 100%;

border-bottom: 1px solid #E5E5E5;

font-family: Arial, Helvetica, sans-serif;

font-size: 14px;

font-weight: bold;

color: #8B9DAF;

margin: 20px 0;

clear:  both;}



.RightColumn h3{

width: 290px;

border-bottom: 2px solid #8B9DAF;

color: #8B9DAF;

font-family: Arial, Helvetica, sans-serif; 

font-size:16px; 

font-weight: bold; 

padding-left: 10px; 

display: block; 

margin-bottom: 20px;}



.direc{
	 padding-left: 16px;

	 height:16px;

	 display: block;

	 width:56px;

	 float: left;

	 background-image:  url(../images/defaults/map.png);

	 background-repeat: no-repeat;

	 font-weight:  bold;

	 

}

.tel{

	 padding-left: 16px;

	 height:16px;

	 display: block;

	 width:67px;

	 float: left;

	 background-image:  url(../images/defaults/phone.png);

	 background-repeat: no-repeat;

	  font-weight:  bold;

}

.mail{

	 padding-left: 16px;

	 height:16px;

	 display: block;

	 width:36px;

	 float: left;

	 background-image:  url(../images/defaults/mail.png);

	 background-repeat: no-repeat;

	  font-weight:  bold;

}

.volver{

float: right;

 position: relative;

 top: -10px;

 left: 0px;

 display: block;

   width: 65px;

 height: 30px;

 background-image: url(../images/defaults/volver.png);

 z-index: 100;



}



.volver a { 

   width: 65px;

 height: 30px;

 display: block;



}



.back{

float: right;

 position: relative;

 top: -10px;

 left: 0px;

 display: block;

   width: 65px;

 height: 30px;

 background-image: url(../images/defaults/back.png);

 z-index: 100;



}



.back a { 

   width: 65px;

 height: 30px;

 display: block;



}



#mapa{

	width: 230px;

	height: 228px;

	display: block;

	 float: left;

	 margin-bottom:150px;

}
