/*
** CSS for BAY SIDE.
*/

BODY  { background:#ffffff; color:#000000; margin:0px auto 0px auto;
	font-family:Verdana, Arial, sans-serif; 
	text-align:center; vertical-align:top; 
	background-image: url("images/bgpix2.gif");
	background-repeat: repeat-x;; font-size: 14px}
	
DIV   { width:100%; margin:0px; padding:0; }

BODY#second  { background:#ffffff; color:#000000; margin:0px auto 0px auto;
	font-family:Verdana, Arial, sans-serif; 
	text-align:left; vertical-align:top;}

TABLE      {margin:0px auto 0px auto; padding:0; border:0px;}

table#info2 { margin:0px 0px 0px auto; padding:0px; border: solid 1px #333366; text-align:center; 
             font-size:12px;color:#0066CC;}
td#info2    { color:#996600; text-decoration:none; font-weight:bold; padding:0px 10px 0px 10px; 
             color:#333366; text-align:left;}
/* margin:0px 0px 0px 150px define margn de la tabla*/
table#info { margin:0px 0px 0px 150px; padding:0px; border: solid 1px #333366; text-align:center; 
             width:380; height:400; font-size:12px;color:#0066CC;}
td#info    { color:#996600; text-decoration:none; font-weight:bold; padding:0px 10px 0px 10px; 
             color:#333366; text-align:left;}

td#knowinfo   { color:#333366; text-decoration:none; font-weight:normal; padding:0px 0px 0px 20px; text-align:left;}

table#floor     { border:0; margin:0px; padding:0; width:100%; height:185; color:#003366;}
table#floor     td{ border:0; padding:0px; margin:0; text-align:center;}
table#floor     img{ border:0;}
table#floor     a { color:#003366; font-size:11px; text-decoration:none; font-weight:bold; 
                      font-family: Arial, Verdana, sans-serif;}
table#floor     a:hover { color:#003366; text-decoration:underline; }

table#villa { margin:0px; padding:0px; border: solid 1px #333366; text-align:center; 
             width:70%; height:140; font-size:12px;color:#0066CC;}
td#villa    { color:#996600; text-decoration:none; font-weight:bold; padding:0px 10px 0px 10px; 
             color:#333366; text-align:left;}
td#htuno	 {font-size:14px; color:#333366; text-align:left; margin:15px; }
td#htdos	 {font-size:12px; color:#333366; text-align:left; margin:15px; }


table#gallery     { border:0; margin:0px; padding:0; width:100%; height:520; color:#003366;}
table#gallery     td{ border:0; padding:0px; margin:0; text-align:center;}
table#gallery     img{ border:0;}
table#gallery     a { color:#003366; font-size:11px; text-decoration:none; font-weight:bold; 
                      font-family: Arial, Verdana, sans-serif;}
table#gallery     a:hover { color:#003366; text-decoration:underline; }


.requi  { color:#0066CC;}
.video   {color:#0066CC; font-size:9px; text-decoration:none; font-weight:bold; font-family: Arial, Verdana, sans-serif;}

/*
***********************************************************************
**
** Major divisions, we use these to seperate the document sections and
** subsections.
***********************************************************************
*/

DIV#botmenu         { font-size:10px; color:#ffffff; vertical-align:middle; margin:5px auto 5px auto; font-weight:bold;}
DIV#botmenu a       { color:#ffffff; text-decoration:none; font-weight:bold; } 
DIV#botmenu a:hover { color:#cc6633; text-decoration:none; font-weight:bold; } 	

DIV#wrapper	  { float:none; width:743px; margin:0px auto 0px auto; padding:0px; }

DIV#wrapper2	  { float:none; width:906; margin:0px auto 0px auto; }
 
DIV#blue          { background:#000033; vertical-align:middle; 
                    margin:15px auto 0px auto ; border:0; padding:0; width:747px; height:560px;}

DIV#tit          { float:none; background-image: url("images/title2.gif");
                    width:747; height:41; vertical-align:top;}                                          	     

DIV#bgx          { float:none; width:734; height:473; margin:0px auto 0px auto;}

DIV#uno          { float:left; background-image: url("images/uno.jpg");
                    width:100; height:473; margin:0px;}

DIV#dos          { float:right; background-image: url("images/dos.jpg");
                    width:100; height:473; margin:0px;} 

DIV#tres          { float:right; background-image: url("images/tres.jpg");
                    width:100; height:473; margin:0px;}                     

DIV#cuatro        { float:right; background:#ffffff;
                    width:434; height:473; margin:0px;} 
DIV#sent          { color:#333366; text-align:center; font-weight:bold;}                    

DIV#htext         { color:#333366; text-align:justify; margin:15px; }
DIV#htext         li { color:#333366; text-align:left; font-weight:bold; 
                      margin:5px 0px 0px 0px;}

DIV#htextuno         { color:#333366; text-align:left; margin:15px; }
DIV#htextuno         li { color:#333366; text-align:left; font-weight:bold; 
                      margin:5px 0px 0px 0px;}
					  
DIV#htextdos         { color:#333366; text-align:left; margin:15px; font-size: 12px }
DIV#htextdos         li { color:#333366; text-align:left; font-weight:bold; 
                      margin:5px 0px 0px 0px;}
/*SECUNDARY PAGES*/

DIV#logo          { float:left; width:100%; margin:0px; padding:0; width:229; height:177;}
DIV#logo          img { margin:0px; padding:0; border:0px;}

DIV#ban1          { float:left; background-image: url("images/banner1.gif");
                    width:229; height:177;}

DIV#ban2          { float:right; background-image: url("images/banner2.jpg");
                    width:677; height:177; vertical-align:top;} 

DIV#topmenu         { font-size:10px; color:#003366;  margin:150px auto 0px auto; 
                      text-align:center; width:677; font-weight:bold;}
DIV#topmenu a       { color:#003366; text-decoration:none; font-weight:bold; } 
DIV#topmenu a:hover { color:#0066CC; text-decoration:none; font-weight:bold; } 

                    
DIV#left          { float:left; background-image: url("images/lefthand.gif");
                    width:229; height:586; vertical-align:top; background-repeat: repeat-x;}                        

DIV#right          { background:#ffffff; float:right; color:#000000; padding:0px; text-align:justify;
                    width:672; height:586;} 

DIV#title2         { color:#0066CC; font-weight:bold; font-size:20px; 
                     text-align:left; width:100%; height:30; padding:10px 0px 0px 10px;}

DIV#title3         { color:#0066CC; font-weight:bold; font-size:15px; 
                     text-align:left; width:100%; height:15; padding:10px 0px 0px 10px;}
DIV#title3     a { color:#0066CC; font-size:15px; text-decoration:none; font-weight:bold; 
                      font-family: Arial, Verdana, sans-serif;}
DIV#title3     a:hover { color:#003366; text-decoration:underline; }
                                          
DIV#texto        { color:#003366; padding:10px 0px 0px 10px; text-align:justify; width:100%; height:520; 
                     line-height:17px; font-size:12px; font-weight:normal;}                      
DIV#texto        a { color:#003366; text-decoration:none; font-weight:bold; }
DIV#texto        a:hover { color:#003366; text-decoration:underline; }
DIV#texto        a:hover { border:0; margin:0px; padding:0px 5px 0px 0px;}

DIV#texto2        { color:#003366; padding:10px 0px 0px 10px; text-align:justify; width:100%;  
                     line-height:17px; font-size:12px; font-weight:normal;}                      
DIV#texto2        a { color:#003366; text-decoration:none; font-weight:bold; }
DIV#texto2       a:hover { color:#003366; text-decoration:underline; }
DIV#texto2        a:hover { border:0; margin:0px; padding:0px 5px 0px 0px;}

DIV#texto3        { color:#003366; padding:10px 0px 0px 10px; text-align:justify; width:100%;  
                     line-height:17px; font-size:12px; font-weight:bold;}                      
DIV#texto3        a { color:#003366; text-decoration:none; font-weight:bold; }
DIV#texto3        a:hover { color:#003366; text-decoration:underline; }
DIV#texto3        a:hover { border:0; margin:0px; padding:0px 5px 0px 0px;}

DIV#texto5        { color:#003366; padding:10px 0px 0px 10px; text-align:justify; width:100%; 
                     line-height:17px; font-size:12px; font-weight:normal;}                      
DIV#texto5        a { color:#003366; text-decoration:none; font-weight:bold; }
DIV#texto5        a:hover { color:#003366; text-decoration:underline; }
DIV#texto5        a:hover { border:0; margin:0px; padding:0px 5px 0px 0px;}

DIV#footer        { color:#003366; text-align:right; width:100%; height:30; font-size:10px; 
                   vertical-align:bottom; padding:20px 0px 0px 0px;}                      
DIV#footer        a { color:#003366; text-decoration:none; font-weight:bold; }
DIV#footer        a:hover { color:#003366; text-decoration:underline; }

DIV#footerh        { color:#003366; text-align:right; width:100%; height:30; font-size:10px; padding:0px;}                      
DIV#footerh        a { color:#003366; text-decoration:none; font-weight:bold; }
DIV#footerh        a:hover { color:#003366; text-decoration:underline; }

br#clear          { clear:both; margin:0; height:0; }