@charset "utf-8";
/* CSS Document */

*{margin:0; padding:0; border:0; }
body{ margin:0 auto; font-family:arial, helvetica, tahoma, verdana, sans-serif; font-size:100%; background:url(images/paseo_maritimo.jpg); background-attachment:fixed; background-position:left; background-color:#B9B9B9; }
h1{ font-size:xx-large; font-weight:800; color:#2648A3; text-decoration:underline;}
p{ font-size:large; color:#2648A3; text-align:justify; }
img{ border-style:none; }

#flags{ position:relative; top:14px; left:280px; z-index:200; min-width:95px; _width:95px;  min-height:20px; _height:20px; margin:0 50%; }
#flags img{ margin:0px -1px; }

#navcontainer{ margin:0px auto; z-index:1; }
#navcontainer ul{ list-style-type:none; text-align:center; padding:0; z-index:2; }
#navcontainer li{ display:inline; text-align:center; margin: -3px; }
#navcontainer li a{ font-size:large; font-weight:600; margin:0px; padding:10px 17px; color:#ffffff; background:url(images/nav_bg2.jpg); background-color:#2648A3; text-decoration:none;  }
#navcontainer li a:hover{ color:#666666; background:url(images/nav_hover2.jpg); background-color:#B4B4B4; }
#navcontainer li a#current{ color:#666666; background:url(images/nav_hover2.jpg); background-color:#B4B4B4; }

#bottom_navcontainer{ margin:5.5em auto 0.5em auto; z-index:1; }
#bottom_navcontainer ul{ list-style-type:none; text-align:center; padding:0; z-index:2; }
#bottom_navcontainer li{ display:inline; text-align:center; margin:0 -2px; }
#bottom_navcontainer li a{ font-size:large; font-weight:600; margin:0px; padding:10px 16px; color:#ffffff; background:url(images/nav_bg2.jpg); background-color:#2648A3; text-decoration:none;  }
#bottom_navcontainer li a:hover{ color:#666666; background:url(images/nav_hover2.jpg); background-color:#B4B4B4; }
#bottom_navcontainer li a#current{ color:#666666; background:url(images/nav_hover2.jpg); background-color:#B4B4B4; }

#normal li{ font-family:arial, helvetica, tahoma, verdana, sans-serif; font-size:100%; color:#2648A3; list-style-type:square; position:relative; left:3em; }

#email_esp{ background-image:url(images/precios.png);	background-repeat:no-repeat; position:relative; left:150px; top:-19px; height:20px; width:223px; }
#email_esp2{ background-image:url(images/precios.png);	background-repeat:no-repeat; position:relative; left:440px; top:-20px; height:20px; width:223px; }
#email_eng{ background-image:url(images/precios.png);	background-repeat:no-repeat; position:relative; left:68px; top:-20px; height:20px; width:223px; }
#contact2{ background-image:url(images/precios.png); background-repeat:no-repeat; position:relative; left:72px; top:-19px; height:20px; width:223px; }

#contact_form { position:relative; top:10px; margin:0 auto; width:396px; height:456px; } 

#email-box{ width:400px; height:300px; border:thin; margin:0 35%; text-align:center; }

#header_box{ margin:-13px auto 13px auto; max-width:760px; }
#content_box{ margin:12px auto; max-width:760px; padding-bottom:2em; }

.top-left, .top-right, .bottom-left, .bottom-right{ background-image: url(images/rounded_corners2a.png); height: 8px; font-size: 2px; }
.top-left, .bottom-left{ margin-right: 8px; }
.top-right, .bottom-right{ margin-left: 8px; margin-top: -8px; }
.top-right{ background-position: 100% 0; }
.bottom-left{ background-position: 0 -8px; }
.bottom-right{ background-position: 100% -8px; }
.inside{ background: #ffffff; color: #000000; padding-left: 3em; padding-right:3em; padding-top:2.5em; padding-bottom:0.1em; }
.insideheader{ background: #ffffff; color: #000000; padding-top:8px; padding-bottom:8px; background-image:url(images/header.png); background-repeat:no-repeat; background-position:center; min-height:191px; _height:191px; }
.notopgap{ margin-top: 0; }
.nobottomgap{ margin-bottom: 0; }

body#inicio a#inicionav, body#conoceme a#conocemenav, body#clases a#clasesnav, body#profesionales a#profesionalesnav, body#recursos a#recursosnav, body#precios a#preciosnav, body#contacto a#contactonav, body#home a#homenav, body#aboutme a#aboutmenav, body#classes a#classesnav, body#professionals a#professionalsnav, body#resources a#resourcesnav, body#prices a#pricesnav, body#contact a#contactnav{ color:#666666; background:url(images/nav_hover2.jpg); background-color:#B4B4B4; }