/* Netscape 4 safe font sizes */
body, div, p, th, td, li, dd {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color: #fff;
}
A:link {
color: Yellow;
text-decoration: none;
}
A:visited {
color: Yellow;
text-decoration: none;
}
A:active {
color: Yellow;
text-decoration: none;
}
A:hover {
color: #660000;
text-decoration: none;
}
body {
margin: 0px 0px 0px;
background-color: #2e0000;
background-image: url(http://www.casaserapio.com/images/bgmain.jpg);
background-position: top;
background-repeat: no-repeat;
background-attachment: fixed;
height: 100%;
}
#main {
font-family: Arial, Helvetica, sans-serif;
color: #000;
margin-left: auto;
margin-right: auto;
width: 790px;
background-color: #9C6022;
text-align: left;
background-image: url(http://www.casaserapio.com/images/bg.jpg);
background-position: top;
background-repeat: repeat-y;
background-attachment: scroll;
border-spacing: 0;
border-collapse: collapse;
padding: 0;
border-bottom: none;
border-top: none;
overflow: hidden;
}
#topleft {
width: 222px;
margin: 0px 0px 0px;
float: left;
}
#flags {
width: 222px;
height: 111px;
background-image: url(http://www.casaserapio.com/images/bgtopleft.jpg);
background-position: top;
background-repeat: no-repeat;
background-attachment: scroll;
float: left;
text-align: left;
vertical-align: top;
margin: 0;
}
#topright {
width: 568px;
height: 243px;
margin: 0px 0px 0px;
background-image: url(http://www.casaserapio.com/images/bgtop.jpg);
background-position: top right;
background-repeat: no-repeat;
background-attachment: scroll;
float: right;
text-align: left;
}
#topright_braseria {
width: 568px;
height: 243px;
margin: 0px 0px 0px;
background-image: url(http://www.casaserapio.com/images/bgtop_braseria.jpg);
background-position: top right;
background-repeat: no-repeat;
background-attachment: scroll;
float: right;
text-align: left;
}
#topright_casaserapio {
width: 568px;
height: 243px;
margin: 0px 0px 0px;
background-image: url(http://www.casaserapio.com/images/bgtop_casaserapio.jpg);
background-position: top right;
background-repeat: no-repeat;
background-attachment: scroll;
float: right;
text-align: left;
}
#menuleft {
border-spacing: 0;
border-collapse: collapse;
padding: 0;
border-bottom: none;
border-top: none; 
min-height: 100%;
float: left;
width: 222px;
margin: 0%;
}
.itemleft {
width: 222px;
text-align: left;
border-spacing: 0;
border-collapse: collapse;
padding: 0;
border-bottom: none;
border-top: none;
font-family: Arial, Helvetica, sans-serif;
color: #FFF;
font-size: 80%;
}
.itemleft A:link {
color: Yellow;
text-decoration: underline;
}
.itemleft A:visited {
color: Yellow;
text-decoration: underline;
}
.itemleft A:active {
color: Yellow;
text-decoration: underline;
}
.itemleft A:hover {
color: #660000;
text-decoration: underline;
}
.youtube {
width: 425px;
height: 344px;
background-color: #9C6022;
}
#content_braseria {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color: #fff;
width: 519px;
background-color: transparent;
background-image: url(http://www.casaserapio.com/images/bgcontent_top_braseria.jpg);
background-position: top left;
background-repeat: no-repeat;
background-attachment: scroll;
text-align: left;
float: right;
height: 100%;
padding-right: 44px;
padding-left: 5px;
}
#content_casaserapio {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color: #fff;
width: 519px;
background-color: transparent;
background-image: url(http://www.casaserapio.com/images/bgcontent_top_casaserapio.jpg);
background-position: top left;
background-repeat: no-repeat;
background-attachment: scroll;
text-align: left;
float: right;
height: 100%;
padding-right: 44px;
padding-left: 5px;
}
#content {
float: right;
background-color: transparent;
background-image: url(http://www.casaserapio.com/images/bgcontent_top.jpg);
background-position: top left;
background-repeat: no-repeat;
background-attachment: scroll;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color: #fff;
text-align: left;
padding-right: 44px;
padding-left: 5px;
height: 100%;
width: 519px;
}
#content A:link {
color: Yellow;
text-decoration: underline;
}
#content A:visited {
color: Yellow;
text-decoration: underline;
}
#content A:active {
color: Yellow;
text-decoration: underline;
}
#content A:hover {
color: Maroon;
text-decoration: underline;
}
#contentcenter {
float: right;
background-color: transparent;
background-image: url(http://www.casaserapio.com/images/bgcontent_top.jpg);
background-position: top left;
background-repeat: no-repeat;
background-attachment: scroll;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color: #fff;
text-align: center;
padding-right: 44px;
padding-left: 5px;
height: 100%;
width: 519px;
}
#contentcenter A:link {
color: Yellow;
text-decoration: underline;
}
#contentcenter A:visited {
color: Yellow;
text-decoration: underline;
}
#contentcenter A:active {
color: Yellow;
text-decoration: underline;
}
#contentcenter A:hover {
color: Maroon;
text-decoration: underline;
}
#floatleft {
float: left;
}
#floatright {
float: right;
}
#footer1 {
width: 790px;
height: 46px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 11px;
font-weight: bold;
color: Black;
background-color: #FFF;
background-image: url(http://www.casaserapio.com/images/bgfooter1.jpg);
background-position: right;
background-repeat: no-repeat;
background-attachment: scroll;
float: left;
}
#footertext_right {
text-align: right;
font-size: 11px;
font-weight: bold;
color: Black;
margin-right: 10px;
margin-top: 10px;
}
#footer_left {
width: 222px;
margin-left: auto;
margin-right: auto;
text-align: left;
float: left;
}
#footer_right {
width: 568px;
margin-left: auto;
margin-right: auto;
text-align: center;
float: left;
font-size: 11px;
font-weight: bold;
color: Black;
}
#footer_right A:link {
color: #000;
text-decoration: underline;
}
#footer_right A:visited {
color: #000;
text-decoration: underline;
}
#footer_right A:active {
color: #000;
text-decoration: underline;
}
#footer_right A:hover {
color: #660066;
text-decoration: underline;
}
#footer2 {
width: 790px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 11px;
font-weight: bold;
color: Black;
background-color: #FFF;
background-image: url(http://www.casaserapio.com/images/bgfooter2.jpg);
background-position: top;
background-repeat: no-repeat;
background-attachment: scroll;
float: left;
}
#footer2 A:link {
color: #000;
text-decoration: underline;
}
#footer2 A:visited {
color: #000;
text-decoration: underline;
}
#footer2 A:active {
color: #000;
text-decoration: underline;
}
#footer2 A:hover {
color: #993300;
text-decoration: underline;
}
#paddingleft {
padding-left: 260px;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color: #fff;
}
img.logo {
border: none;
width: 222px;
height: 132px;
margin: 0px;
float: left;
}
img.btn1 {
border: none;
width: 50px;
height: 79px;
margin: 0px;
float: left;
}
img.btn2 {
border: none;
width: 65px;
height: 79px;
margin: 0px;
float: left;
}
img.btn3 {
border: none;
width: 84px;
height: 79px;
margin: 0px;
float: left;
}
img.btn4 {
border: none;
width: 52px;
height: 79px;
margin: 0px;
float: left;
}
img.btn5 {
border: none;
width: 93px;
height: 79px;
margin: 0px;
float: left;
}
img.btn6 {
border: none;
width: 72px;
height: 79px;
margin: 0px;
float: left;
}
img.btn7 {
border: none;
width: 108px;
height: 79px;
margin: 0px;
float: left;
}
img.btn8 {
border: none;
width: 222px;
height: 39px;
margin: 0px;
float: left;
}
img.btn9 {
border: none;
width: 222px;
height: 27px;
margin: 0px;
float: left;
}
img.icon {
border: none;
width: 34px;
height: 34px;
margin-right: 60px;
margin-top: 5px; 
}
img.main {
border: none;
width: 500px;
height: 333px;
margin-top: 5px; 
}
img.gizmo {
border: none;
width: 168px;
height: 73px;
}
.small {
font-family: Arial, Helvetica, sans-serif;
color: #fff;
font-size: smaller;
vertical-align: top;
margin: 0px;
}
.googlemarker {
font-family: Arial, Helvetica, sans-serif;
color: #000;
font-size: smaller;
}
.center {
text-align: center;
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color: #fff;
}
.left {
text-align: left;
}
.right {
text-align: right;
}
.full {
width: 100%;
}
table.list {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000;
text-align: center;
vertical-align: middle;
width: 519px;
border-collapse: collapse;
border: 1px solid #C0C0C0;
margin-left: auto;
margin-right: auto;
}
tr.listheader {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000;
text-align: center;
vertical-align: middle;
background-color: #F3F3F3;
}
td.tdlist {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: Black;
color: #000;
text-align: center;
vertical-align: middle;
border: 1px solid #C0C0C0;
background-color: White;
}
#tdlistheader  {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: Black;
color: #000;
text-align: center;
vertical-align: middle;
border: 1px solid #C0C0C0;
background-color: #F3F3F3;
}
#tdlistheader A:link {
	font-size: small;
	color: Maroon;
	text-decoration: underline;
}
#tdlistheader A:visited {
font-size: small;
color: Maroon;
text-decoration: underline;
}
#tdlistheader A:active {
font-size: small;
color: Maroon;
text-decoration: underline;
}
#tdlistheader A:hover {
	font-size: small;
	color: Yellow;
	text-decoration: underline;
}
td.tdlistaction {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000;
text-align: center;
vertical-align: middle;
border: 1px solid #C0C0C0;
width: 50px;
background-color: White;
}
td.tdlistid {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000;
text-align: center;
vertical-align: middle;
border: 1px solid #C0C0C0;
width: 20px;
background-color: White;
}
td.tdlistdate {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000;
text-align: center;
vertical-align: middle;
border: 1px solid #C0C0C0;
width: 80px;
background-color: White;
}
td.tdlistphoto {
font-family: Arial, Helvetica, sans-serif;
font-size: small;
color: #000;
text-align: center;
vertical-align: top;
border: 1px solid #C0C0C0;
width: 125px;
background-color: White;
}
.form {
font-size: 12px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
background-color: #F5F5F5;
border-bottom: #000000 1px solid;
border-top: #999999 1px solid;
border-left: #999999 1px solid;
border-right: #000000 1px solid;
text-align: right;
}
.form A:link {
color: #006699;
text-decoration: underline;
}
.form A:visited {
color: #006699;
text-decoration: underline;
}
.form A:active {
color: #006699;
text-decoration: underline;
}
.form A:hover {
color: #0DA3C8;
text-decoration: underline;
}
.fieldlabel {
font-size: 12px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
}
.fieldcell {
font-size: 12px;
width: 220px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}
.fieldcellvercode {
font-size: 12px;
width: 160px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}
.fieldcellsmall {
font-size: 12px;
width: 140px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}
.fieldcella1 {
font-size: 12px;
width: 50px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}
.fieldcella2 {
font-size: 12px;
width: 246px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}
.fieldcella3 {
font-size: 12px;
width: 149px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}
.fieldcellsmalla3 {
font-size: 12px;
width: 70px;
color: Black;
font-family: Arial, Helvetica, sans-serif;
background-color: #FFFFFF;
}
.button {
font-size: 13px;
color: #FFF;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
background-color: #006600;
margin-top: 10px;
}
.tour {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color: #330066;
text-align: center;
vertical-align: top;
width: 500px;
height: 315px;
border: #CCCCCC 2px solid;
}
td.rightalign {
	text-align: right;
}
td.menutext {
font-family: Arial, Helvetica, sans-serif;
font-size: medium;
color: #fff;
text-align: left;
width: 350px;
}
td.menuphoto {
text-align: center;
width: 150px;
}
hr.line {
border-bottom-width: thin;
border-bottom-color: #E43C63;
border-bottom-style: solid;
width: 200px;
text-align: center;
margin-top: 5px;
}
h1 {
font-family: Arial, Helvetica, sans-serif;
font-size: 140%;
font-style: normal;
color: #FFF;
text-align: left;
background-color: transparent;
margin-top: 120px;
margin-left: 10px;
}
h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
font-style: normal;
color: #FFF;
text-align: center;
background: transparent;
}
img.about {
border: none;
width: 200px;
height: 168px;
margin-right: 10px;
margin-bottom: 10px;
float: left;
}
img.top {
border: none;
width: 200px;
height: 150px;
margin-right: 10px;
margin-bottom: 10px;
float: left;
}
img.bottom {
border: none;
width: 240px;
height: 160px;
margin: 2px;
}
img.flags {
border: none;
width: 35px;
height: 20px;
margin-left: 10px;
margin-right: 0px;
margin-top: 5px; 
}
img.googlemap {
border: none;
width: 200px;
height: 133px;
}
img.webcam {
border: none;
width: 500px;
height: 400px;
}
img.photo {
border: none;
}
img.thumbphoto {
border: none;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
}
img.thumbtour {
border: none;
width: 80px;
height: 40px;
margin-left: 2px;
margin-right: 2px;
margin-bottom: 3px;
margin-top: 3px;
}
img.thumbtourleft {
border: none;
width: 80px;
height: 40px;
margin-left: 0px;
margin-right: 1px;
margin-bottom: 3px;
margin-top: 3px;
}
img.thumbtourright {
border: none;
width: 80px;
height: 40px;
margin-left: 1px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
}
img.thumb {
border: none;
width: 125px;
height: 90px;
}
img.w3c {
width: 88px;
height: 31px;
border: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
}
img.ok {
width: 40px;
height: 40px;
border: 0px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 5px;
vertical-align: middle;
}
img.left {
border: none;
width: 300px;
height: 199px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.left2 {
border: none;
width: 199px;
height: 300px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.right {
border: none;
width: 300px;
height: 199px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.rightrooms {
border: none;
width: 250px;
height: 166px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_poleo1 {
border: none;
width: 157px;
height: 117px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_poleo2 {
border: none;
width: 200px;
height: 251px;
margin-left: 0px;
margin-right: 20px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_poleo3 {
border: none;
width: 250px;
height: 170px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_poleo4 {
border: none;
width: 232px;
height: 300px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_albahaca1 {
border: none;
width: 180px;
height: 250px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_albahaca2 {
border: none;
width: 138px;
height: 166px;
margin-left: 0px;
margin-right: 20px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_albahaca3 {
border: none;
width: 168px;
height: 119px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_albahaca4 {
border: none;
width: 193px;
height: 268px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_albahaca5 {
border: none;
width: 280px;
height: 198px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_romero1 {
border: none;
width: 227px;
height: 210px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_romero2 {
border: none;
width: 280px;
height: 188px;
margin-left: 0px;
margin-right: 20px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_romero3 {
border: none;
width: 280px;
height: 198px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_romero4 {
border: none;
width: 189px;
height: 200px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_romero5 {
border: none;
width: 280px;
height: 210px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_ajedrea1 {
border: none;
width: 223px;
height: 164px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_ajedrea2 {
border: none;
width: 169px;
height: 250px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_ajedrea3 {
border: none;
width: 200px;
height: 261px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_ajedrea4 {
border: none;
width: 280px;
height: 221px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_ajedrea5 {
border: none;
width: 280px;
height: 220px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_ajedrea6 {
border: none;
width: 250px;
height: 187px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_ajedrea7 {
border: none;
width: 280px;
height: 210px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_ajedrea8 {
border: none;
width: 184px;
height: 250px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_manzanilla1 {
border: none;
width: 280px;
height: 207px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_manzanilla2 {
border: none;
width: 245px;
height: 300px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_manzanilla3 {
border: none;
width: 250px;
height: 180px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_manzanilla4 {
border: none;
width: 280px;
height: 200px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_manzanilla5 {
border: none;
width: 280px;
height: 210px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.thumbfiestas {
border: none;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_tomillo1 {
border: none;
width: 280px;
height: 223px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.herbs_tomillo2 {
border: none;
width: 280px;
height: 210px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.herbs_tomillo3 {
border: none;
width: 212px;
height: 300px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.thumbleft {
border: none;
width: 300px;
height: 200px;
margin-left: 0px;
margin-right: 10px;
margin-bottom: 3px;
margin-top: 3px;
float: left;
}
img.thumbright {
border: none;
width: 300px;
height: 200px;
margin-left: 10px;
margin-right: 0px;
margin-bottom: 3px;
margin-top: 3px;
float: right;
}
img.vercode {
width: 40px;
height: 20px;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 10px;
vertical-align: bottom;
}
table.menucptable {
width: 790px;
height: 18px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 12px;
font-weight: bold;
background-color: #FFFF99;
}
#menucp {
width: 180px;
height: 18px;
margin-left: auto;
margin-right: auto;
text-align: center;
font-size: 12px;
font-weight: bold;
background-color: #FFFF99;
}
#menucp A:link {
color: Gray;
text-decoration: underline;
}
#menucp A:visited {
color: Gray;
text-decoration: underline;
}
#menucp A:active {
color: Gray;
text-decoration: underline;
}
#menucp A:hover {
color: #FFFF99;
background-color: #660066;
text-decoration: none;
}
#map {
width: 500px;
height: 400px;
text-align: center;
font-family: Arial, Helvetica, sans-serif;
color: #000;
}
#tourselect {
width: 85px;
height: 70px;
margin-left: auto;
margin-right: auto;
text-align: center;
float: left;
font-size: smaller;
font-family: Arial, Helvetica, sans-serif;
color: #fff;
}
#tourselectframe {
width: 500px;
height: 70px;
margin-left: auto;
margin-right: auto;
text-align: center;
}
#margin {
margin-left: 10px;
margin-right: 10px;
}