/* CSS guarderiatxanogorritxu.com */

* { margin:0; padding:0; }
body { background:#E4E4E4; padding:0; margin:0; font-family:"Trebuchet MS", Tahoma, Arial; }
.bg_body { background:#FFF;}
img { border:0; }
.clear { display:block; clear:both; font-size:0; }

@font-face {
  font-family: 'GoodDogCool';
  src: url('gooddc-webfont.eot');
  src: local('☺'),
       url('gooddc-webfont.woff') format('woff'),
       url('gooddc-webfont.ttf') format('truetype'),
       url('gooddc-webfont.svg#webfont') format('svg');
}

a { text-decoration:none; color:#C00; }
a:hover { color:#000; text-decoration:underline; }

h1 { font-family:'GoodDogCool', Arial, Verdana; color:#D20E16; font-size:40px; font-weight:normal; padding:0 0 15px 0; }
h1 img { float:right; }
h2 { font-family:'GoodDogCool', Arial, Verdana; color:#666; font-size:27px; font-weight:normal;  padding:0 0 15px 0; }
h3 { color:#D20E16; font-size:20px; font-weight:normal; padding:0 0 15px 0; }
h6 { color:#D20E16; font-size:10px; letter-spacing:1px; padding:0 0 15px 0; }

p { color:#333; font-size:14px; line-height:140%; padding:0 0 15px 0; }

.list, .list ul { list-style:none; }
.list ul { padding:10px 0 0 0; }
.list li { font-size:14px; color:#333; line-height:130%; padding:6px 0 6px 20px; background:url(../images/bg_li_rojo.jpg) no-repeat left top;}
.list li ul li { font-size:13px; color:#666; line-height:145%; padding:6px 0 6px 20px; background:url(../images/bg_li_gris.jpg) no-repeat left top; margin:0;}
.list li ul li ul li { font-size:12px; color:#666; line-height:160%; padding:6px 0 6px 20px; background:url(../images/bg_li_gris.jpg) no-repeat left top; margin:0;}

/* HEADER */
#header { background:url(../images/bg_header.jpg) no-repeat; width:950px; margin:0 auto; height:455px; }

  .idiomas { width:170px; float:right; font-size:11px; color:#999; padding:5px 0 0 0; height:35px; overflow:hidden;}
  .links { width:780px; float:left; font-family:'GoodDogCool', Arial, Verdana; font-size:22px; height:30px; padding:10px 0 0 0; overflow:hidden; }
  .links a { padding:5px 20px 5px 35px;}
  .links .link01 { color:#D20E16; background:url(../images/ico_franquiciate.gif) no-repeat left center; }
  .links .link02 { color:#669900; background:url(../images/ico_trabaja-con-nosotros.gif) no-repeat left center; }
  .links .link03 { color:#EE209A; background:url(../images/ico_fiestas-de-cumpleanos.gif) no-repeat left center; }
  .links .link04 { color:#F20B5B; background:url(../images/ico_productos-bebe.gif) no-repeat left center; }
  .links .link05 { color:#F20B5B; }

  .logo { float:left; width:275px; height:311px; margin:20px 0 0 80px; font-size:0; }
  .pag_ppal { float:left; font-family:'GoodDogCool', Arial, Verdana; font-size:20px; color:#000; padding:240px 0 0 0; }
  .des_info { float:left; font-family:'GoodDogCool', Arial, Verdana; font-size:20px; color:#000; padding:240px 0 0 0; margin-left: 90px; }
  .fb2 { float:right; margin:50px 150px 0 0; width:198px; height:56px; overflow:hidden; font-size:0; }

  #cartel { position: absolute; width: 100%; margin-top: 90px; text-align: center; }
  .reportaje { margin: 0 875px 0 0; }

  #nav { list-style:none; width:820px; margin:15px auto 0 auto; padding:0 0 0 5px; }
  #nav li { float:left; }
  #nav a { display:block; width:164px; height:63px; color:#fff; font-family:'GoodDogCool', Arial, Verdana; font-size:27px; }
  #nav a:hover { text-decoration:none; }
  #nav strong { display:block; text-align:center; padding:23px 0 0 0; font-weight:normal; }
  #nav .nav01 { background:url(../images/nav.png) no-repeat 0 0; }
  #nav .nav02 { background:url(../images/nav.png) no-repeat -164px 0; }
  #nav .nav03 { background:url(../images/nav.png) no-repeat -328px 0; }
  #nav .nav04 { background:url(../images/nav.png) no-repeat -492px 0; }
  #nav .nav05 { background:url(../images/nav.png) no-repeat -656px 0; }

  #nav .nav01:hover { background:url(../images/nav.png) no-repeat 0 -63px; }
  #nav .nav02:hover { background:url(../images/nav.png) no-repeat -164px -63px; }
  #nav .nav03:hover { background:url(../images/nav.png) no-repeat -328px -63px; }
  #nav .nav04:hover { background:url(../images/nav.png) no-repeat -492px -63px; }
  #nav .nav05:hover { background:url(../images/nav.png) no-repeat -656px -63px; }


/* CONTENIDO */
#contenido { width:950px; margin:0 auto; padding:0 0 70px 0; background:#fff url(../images/bg_bottom_contenido.jpg) no-repeat bottom center; }

.col { float:left; padding-top:20px; }
.c210 { width:210px; }
.c415 { width:415px; }
.c625 { width:625px; }
.c860 { width:860px; }
.cleft { padding-left:45px; }
.cright { padding-left:30px; }

.ambiente { display:block; float:left; width:625px; height:490px; margin:0; padding:35px 0 0 25px; background: url(../images/bg_fotos_visita.jpg) no-repeat;}

.more { display:block; text-align:right; color:#E20A16; font-size:20px; font-family:'GoodDogCool', Arial, Verdana; }

/* nav_left */
.nav_left { display:block; float:left; width:153px; padding:0 0 25px 54px; background:#FFF url(../images/bg_caperusita.jpg) no-repeat bottom left;}
.nav_left .rec { background:#ccc; padding:5px 5px 5px 7px;}
.nav_left a { display:block; clear:both; font-size:11px; color:#D20E16; margin:5px 0; width:131px; height:23px; background: #FFF url(../images/bg_linkfoto_blanco.jpg) no-repeat; padding:5px 0 0 5px;}
.nav_left a:hover, .nav_left a.s { color:#FFF; background: #D20E16 url(../images/bg_linkfoto_rojo.jpg) no-repeat; text-decoration:none;}

  /* home */
  .home p { text-align:justify; }
  .caperucita { display:block; clear:both; width:357px; padding:0 0 25px 54px; background:#FFF url(../images/bg_caperusita.jpg) no-repeat bottom left;}
  .caperucita .rec { background:#ccc; padding:5px 5px 5px 7px;}
  .caperucita .rec p {font-size:11px; color:#333; line-height:130%; padding:8px 0 0 5px; margin:0; width:260px;}
  .caperucita p strong { font-size:12px;}
  .caperucita .visita, .caperucita .web, .caperucita .menues, .caperucita .menu, .caperucita .noticia
  { display:block; clear:both; background:url(../images/bg_virtual_home.jpg) no-repeat; width:270px; height:80px; padding:10px 0 0 70px; margin:0;}
  .caperucita .web { background:url(../images/bg_cweb_home.jpg) no-repeat; margin:5px 0; }
  .caperucita .menues { background:url(../images/bg_menus_home.jpg) no-repeat; }
  .caperucita .menu { background:url(../images/bg_menues.jpg) no-repeat; height:170px;}
  .caperucita .noticia { background:url(../images/bg_cnoticia_home.jpg) no-repeat; margin:5px 0; }

  /* visita virtual */
  .thumb { display:block; width:138px; height:91px; overflow:hidden; float:left; margin:0 15px 15px 0; }
  .thumb .frame { position:absolute; z-index:10; }
  .thumb .img { position:absolute; z-index:1; height:91px; overflow:hidden; }
  .thumb .btn { position:absolute; z-index:11; height:1em; overflow:hidden; background: #900; margin: 7px 0 0 72px; }
  .thumb .btn a { color: #fff; font-size: .8em; padding: 0 5px; }
  .thumb .btn a:hover { color: #900; font-size: .8em; padding: 0 5px; background: #fff; text-decoration: none; }

  /* camaras web */
  .login { background:#A1CDE3; width:238px; height:95px; padding:18px 0 0 175px;}
  .login input { border:none; background:none; width:130px; height:30px;}
  .login input.usuario { float:left; }
  .login input.clave { float:left; clear:left; margin:10px 0 0 0; }
  .login input.btn { width:80px; height:35px; margin:40px 0 0 15px; }
  .error { margin: 10px; font-size: small; width: 384px; padding: 3px 6px; text-align: center; background: #D20F17; color: #FFF; text-decoration:none; border: 2px solid #D20F17; -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
  .hide { display: none; }

  /* menus */
  .menu_izq { display:block; float:left; padding:0 20px 0 0; }
  .menu_der { display:block; float:left; padding:0 0 0 10px;}
  .aclaraciones { padding:30px 0;}

  /* contacto */
  .info_contacto {}
  .info_contacto span { margin:5px 0;}
  .info_contacto span strong { font-size:13px;}
  .info_contacto span.dir { display:block; clear:both; width:350px; height:35px; padding:15px 0 0 65px; font-size:16px; color:#333;
  background:url(../images/bg_direccion.jpg) no-repeat; font-family:"Trebuchet MS", Tahoma, Arial; }
  .info_contacto span.tel { display:block; clear:both; width:350px; height:35px; padding:15px 0 0 65px; font-size:16px; color:#333;
  background:url(../images/bg_telefono.jpg) no-repeat; font-family:"Trebuchet MS", Tahoma, Arial; }
  .info_contacto span.mail { display:block; clear:both; width:350px; height:35px; padding:15px 0 0 65px; font-size:16px; color:#333;
  background:url(../images/bg_mail.jpg) no-repeat; font-family:"Trebuchet MS", Tahoma, Arial; }
  .info_contacto span.mail a { color:#333;}
  .info_contacto span.mail a:hover { color:#333;}
  .info_contacto span.horario { display:block; clear:both; width:350px; height:35px; padding:15px 0 0 65px;
  background:url(../images/bg_horario.jpg) no-repeat; font-size:16px; color:#333;}
  .info_contacto .google { display:block; clear:both; }

  .formulario_contacto {}
  .formulario_contacto span.campos { display:block; clear:both; font-size:11px; color:#999; padding:0; margin:0;}

  form#form_contacto { padding:20px 0; }
  form#form_contacto label { display:block; clear:both; margin:3px 0;}
  form#form_contacto strong { display:block; width:120px; float:left; text-align:right; color:#000; font-size:11px; font-weight:normal;
  padding: 5px 10px 3px 0; margin:0 5px 0 0; }
  form#form_contacto input{ font-family:Tahoma, Arial, Verdana; background:url(../images/bg_label.jpg) no-repeat; width:267px; height:19px; border:0; padding:4px;}
  form#form_contacto textarea { background:url(../images/bg_textarea.jpg) no-repeat; width:265px; height:160px; border:0; padding:5px; overflow:auto; font-family:Tahoma, Arial, Verdana; font-size:12px;}
  form#form_contacto input.validation { font-family:Tahoma, Arial, Verdana; background:url(../images/bg_validacion.jpg) no-repeat; width:158px; height:19px; border:0; padding:5px 112px 3px 5px;}
  form#form_contacto label.btn { text-align:right; padding:15px 0 0 0;}
  form#form_contacto label.btn input#enviar { background:url(../images/btn_enviar.jpg) no-repeat; width:162px; height:75px; float:right; margin:0;
  padding:0 20px 20px 20px; font-family:'GoodDogCool', Arial, Verdana; color:#fff; font-size:30px; text-align:right;}

  .tels { list-style:none; }
  .tels li { background:url(../images/tels_01.gif) no-repeat; display:block; width:395px; height:20px; font-size:14px; padding:5px 10px; margin:0 0 4px 0; }
  .tels .dos { background:url(../images/tels_02.gif) no-repeat; }

  .trabaja { display:block; clear:both; width:415px; height:70px; background:url(../images/bg_trabaja.gif) no-repeat; text-align:right; margin:20px 0 0 0; }
  .trabaja p { display:block; padding:10px 80px 0 20px; text-align:right; color:#fff; font-size:16px; }
  .franquiciate { display:block; clear:both; width:415px; height:95px; background:url(../images/bg_franquiciate.gif) no-repeat; text-align:right;
  margin:20px 0 0 0; }
  .franquiciate p { display:block; padding:10px 20px 0 80px; text-align:left; color:#fff; font-size:16px; }
  .trabaja a, .franquiciate a { color:#fff; }

  /* franquiciate */
  img.float { float:right; padding:0 0 20px 20px; }

/* FOOTER */
#footer { display:block; clear:both; width:950px; margin:0 auto; background:#e4e4e4; padding:20px 0 0 20px;}
#footer .info_foot { display:block; float:left; width:460px;}
#footer .info_foot img { float:left; padding:0 30px 0 5px;}
#footer .info_foot p { float:left; padding:5px 0 0 5px; font-size:14px; line-height:160%; margin:0 0 30px 0; }
#footer .info_foot p strong { font-family:'GoodDogCool', Arial, Verdana; font-size:24px; font-weight:normal; display:block; padding:0 0 5px 0; color:#666;}
#footer .info_foot p a { font-size:14px; color:#333; text-decoration:none;}
#footer .info_foot p a:hover { font-size:14px; color:#333; text-decoration:underline;}

#footer .menu_bot { display:block; float:left; background:url(../images/bg_links_footer.jpg) no-repeat; width:482px; height:138px; padding:0; margin:0;}
#footer .menu_bot .fb { display:block; width:100px; height:26px; float:left; margin:45px 35px 20px 15px; }
#footer .menu_bot .fb:hover { text-decoration:none; }
#footer .menu_bot div { padding:25px 30px 0 20px; text-align:center; float:left; width:240px;}
#footer .menu_bot a { font-size:12px; color:#333; text-decoration:none; line-height:normal; padding:0 5px; }
#footer .menu_bot a:hover { text-decoration:underline;}

#footer .firma { display:block; clear:both; padding:20px 0; text-align:center; font-size:11px; color:#666; }

.boton { float: left; margin: 10px 0 0 60px; font-size: small; width: 125px; }
.boton a { display: inline-block;  width: 100%; padding: 3px 6px; background: #D20F17; color: #FFF; text-decoration:none; border: 2px solid #D20F17;  -moz-border-radius: 5px; border-radius: 5px; -webkit-border-radius: 5px; }
.boton a:hover { background: #FFF; color: #D20F17; border: 2px solid #D20F17; }

.tabla_hor
{
  border-collapse: collapse;
  margin-bottom: 1em;
  margin-left: 3em;
  font-size: 0.8em;
}
.tabla_hor TD, .tabla_hor THEAD
{
  border: 1px solid #669900;
  padding: 3px 7px 2px;
  text-align: center;
}
.tabla_hor THEAD
{
  text-align: center;
  padding-top: 5px;
  padding-bottom: 4px;
  background-color: #669900;
  color: #FFFFFF;
  font-weight: bold;
}