/* -----------------------------------------------------------------------
 CSS General proyecto Bachiller

 Creado por Llorenç Gamez
 http://www.vacune.com
 versión: 31/07/2010
----------------------------------------------------------------------- */
/*google api font*/


/*Css web
Estructura*/
    .cabeceraIdiomas {width:100%;height:18px; /*background-color:#004a9e;*/ margin:0px; padding:0px;}
    .cabeceraLogo {width:100%;height:70px;margin:0px; padding:0px;}
    #posicionLogo {width:980px;padding:0px; text-align:left; margin:auto;background:url(../img/web/bglogo.png) repeat-y;}
    #posicionLogo img {margin-left:10px;}


    #sobrecabecera  {margin:auto;width:980px;padding:0px; text-align:right; background:url(../img/web/bgcabecera.png) repeat-y;}
    #sobrecabecera .idiomas{ height: 20px;margin:0px; padding:0px; width:100%;}
    #sobrecabecera .bg{ background: url(../img/web/world.png) no-repeat;background-position:940px -4px; margin:0; padding:0px;}
    #sobrecabecera a{text-decoration:none; }
    #sobrecabecera .texto {text-shadow: 2px 2px 2px #444;color:#fff; font-style: italic; text-align: right; }
    #sobrecabecera .texto { color:#fff;padding-top:18px;margin-bottom:0px;padding-bottom:0px; }
    #sobrecabecera ul{margin:0px;padding:0px;list-style:none;width:450px; background-color:#004a9e:}
    #sobrecabecera li{float:right; color:#fff;}


    #sobrecabecera ul#selIdiomas{ font-size:0.7em; margin:0px;padding-right:40px;list-style:none; float: right;}
    #sobrecabecera ul#selIdiomas li{ margin-right:2px;padding:0px;float:right; width:50px; text-align:center;}
    #sobrecabecera ul#selIdiomas li.actual{color:#F09204;}
    #sobrecabecera ul#selIdiomas li a{color:#ffffff; display: block; background.color: red; width:60px; height:100%;}
    #sobrecabecera ul#selIdiomas li a:hover{color:#999999}
    #sobrecabecera ul#selIdiomas li.actual a{color:#F09204;}

    #sobrecabecera .logo{float:left;margin:3px 0 2px 0; padding: 0px;}



    #centro { width:900;margin-left:170px;/*margin-bottom:50px;*/}
    #colizq,#colcen,#colder{text-align:right;padding-top:75px;padding-bottom:10px;}
    #colizq{background:url(../img/web/bg_icons/bg_icono_world.png) no-repeat;background-position:75px 20px; }
    #colder{background:url(../img/web/bg_icons/bg_icono_lupa.png) no-repeat;background-position:20px 20px;}
    #colcen{background:url(../img/web/bg_icons/bg_icono_chart.png) no-repeat;background-position:20px 20px;  }
    #colizq > #titulo,#colcen > #titulo, #colder > #titulo { color:#666666;font-family: 'Yanone Kaffeesatz', arial, serif;font-size:26px;text-shadow: 2px 2px 2px #CCCCCC;line-height:20px;  }
    #texto > p{ margin:0px; margin-top:10px }
    #texto > a { color:#f09204; font-size: 12px; font-style: italic }

      #menuLateral, #menuLateralPie         {padding:0px;width:160px;margin-left:-4px;float:left;} /*Menu lateral */
      #menuLateral {min-height: 480px;}
      #menuLateral ul{margin-bottom: 5px;}

      #menuLateral h2{font-size:0.8em;display: block;background-color: #fff;color: #004a9e; width:154px;height:20px;padding-left:5px; border-left:5px solid #fff;} /*Menu lateral */
      #menuLateral h2 a{padding-left:-5px;color:#004a9e; text-decoration:none; display:block; width: 154px; height:20px;}
      #menuLateral h2 a:hover{text-decoration:underline;}
      #menuLateral h2.actual{border-left: solid 5px #ffa800;}

      #menuLateral ul, #menuLateral ul li   {padding-left:0px; list-style: none; }
      #menuLateral ul.nivel1>li             {width:164px; margin:0px; padding:0px;}
      #menuLateral h3{font-size:0.75em;display: block;color: #fff; width:159px;height:17px;padding-left:5px;}
      #menuLateral h3 a{text-decoration:none; display:block; width: 154px; height:17px;}
      #menuLateral h3 a:hover{text-decoration:underline;color: #ffa800;}
      #menuLateral li.actual{color: #ffa800; font-weight:bold;}

      #menuLateral ul.nivel2 li             {width:157px; height: 17px; padding-top:4px;border-bottom:1px dotted #666666;padding-left:5px;font-size:0.9em;}
      #menuLateral ul.nivel2 li:last-child  {margin-bottom:10px;}

      .finalMenuLateral {height:90px;}

#centroPie { width:900;margin-left:170px;margin-bottom:15px;}
#centroPie p{margin:0 0 0 20px;font-style:normal; font-size:0.8em; padding:15px 0 0 0; color:#fff;line-height:16px; color:#fff; font-weight: bold;}
#centroPie dl{margin-left:20px;  display:inline-block; float:left; color:#fff; font-style:normal; font-size:0.8em; padding:0px:}
#centroPie dt{width:0px; text-indent: -5000px;}
#centroPie dd a{color:#fff; text-decoration:none;}
#centroPie dd a:hover {color:#fff; text-decoration:underline;color: #ffa800;}
#centroPie dd, #centroPie dt{display:block;line-height:10px;}



ul.urlPie   {display:inline-block; list-style:none; padding: 0px; width:183px; margin-left: -20px;float:left;}
ul.urlPie li{display:inline-block; list-style:none; padding: 0px; width:61px; height:63px; float:left;}
ul.urlPie li.logoXavi{display:inline-block; list-style:none; padding: 0px; width:153px; height:48px; float:left; margin:5px 0 5px 20px;}

a.facebook{display:block; width:61px;height:63px; margin:0px; padding:0px;text-indent:-5000px; background: url(../img/web/logoFacebook.png); margin-left:12px}
a.facebook:hover{background: url(../img/web/logoFacebookActivo.png);}
a.blogspot{display:block; width:61px;height:63px; margin:0px; padding:0px;text-indent:-5000px; background: url(../img/web/logoBlog.png);margin-left:8px}
a.blogspot:hover{background: url(../img/web/logoBlogActivo.png);}
a.flickr{display:block; width:61px;height:63px; margin:0px; padding:0px;text-indent:-5000px; background: url(../img/web/logoFlickr.png);margin-left:5px}
a.flickr:hover{background: url(../img/web/logoFlickrActivo.png);}

#paginaInicio{text-align:center; font-size:0.8em; margin-top:10px;}
#paginaInicio h2{font-size:0.9em; font-weight:bold;}

#sobre_mi{font-size:0.8em; }
#sobre_mi h2{font-size:1.1em; font-weight:bold; margin-bottom: 20px;}
#sobre_mi img{float:right; padding:0 0 10px 10px;}

#centro_enlaces{font-size:0.8em; padding-bottom:10px; }
#centro_enlaces h2{font-size:0.9em; font-weight:bold; margin-bottom: 20px; width:100%;border-bottom: 1px dotted #004a9d;border-top: 1px dotted #004a9d; background-color:#eee; text-align:center;}
#centro_enlaces ul{padding: 0px; margin:0px;list-style:none;}
#centro_enlaces ul li{float:left; display:block; width: 230px; margin:0 10px; font-size: 1em;text-align:center;}
#centro_enlaces ul li h3{font-weight: bold;}


#centro_enlaces ul li ul li{text-align:center;border-bottom: 1px dotted #004a9d; font-size:0.85em; vertical-align: middle; padding: 2px 3px;}
#centro_enlaces ul li ul li a, #centro_enlaces ul li ul li a:link{color:#000; width:100%; display:block;}
#centro_enlaces ul li ul li a:hover{color: #004a9d;}
#centro_enlaces ul li ul li:first-child{border-top: 1px dotted #004a9d;}
#centro_enlaces ul li ul li:hover{background-color:#eee;}



#ver_galeria {font-size:0.8em; }

ul#galeria{margin-left:30px;margin-right:25px;float:left; list-style: none; padding: 0px;}

ul#galeria li.comentarios{width:700px; margin:10px 25px 10px 25px;text-align:center;border-bottom: 1px dotted #004a9d;}
.comentarios h2{font-size:0.9em; font-weight: bold; border-bottom: 1px dotted #004a9d;border-top: 1px dotted #004a9d; background-color:#eee;}



ul#galeria, ul#galeria li {float:left; list-style: none; margin:0px; padding: 0px;}
ul#galeria li.galeria{display:inline-block;  margin:10px 25px 0px 25px; border:solid 1px #ddd; background-color:#fff; }
ul#galeria li.galeria:hover{border:solid 1px #999;}


ul#galeria li div.imagen_galeria {width:200px; height: 140px; line-height: 140px; text-align:center; vertical-align:bottom;}
ul#galeria li div.imagen_galeria img{vertical-align:middle;}


ul#galeria li div {width:200px; height: 35px;}
ul#galeria li div h4{font-size: 0.8em; font-weight: bold;margin:5px 0 2px 5px ; font-style: italic;vertical-align:bottom; text-align:center}

ul#galeria li img{text-align:center;}
ul#galeria li img.horizontal {width:195px;}
ul#galeria li img.vertical {height:140px;}



ul#paginador, ul#paginador li {float:left; list-style: none; margin:0px; padding: 0px;}
ul#paginador li {display:block; text-align:center; width:80px;height:25px;}
ul#paginador li.anterior{width:50px;text-indent:-5000px;background: url(../img/web/arrow_back.jpg) center no-repeat;}
ul#paginador li.anterior:hover{text-indent:-5000px; background: url(../img/web/arrow_back_active.jpg) center no-repeat;}
ul#paginador li a{width:50px;width:50px; height:25px;display:block;}
ul#paginador li.siguiente{width:50px;text-indent:-5000px;background: url(../img/web/arrow_next.jpg) center no-repeat;}
ul#paginador li.siguiente:hover{text-indent:-5000px; background: url(../img/web/arrow_next_active.jpg) center no-repeat;}
#pagina_actual{display:inline-block; text-indent:-5000px;font-size:0px;}

img.imagen_galerias_disponibles{margin:15px;}
h2.imagen_galerias_disponibles{text-align:center; font-size: 1em; border-bottom: solid 1px #004a9d; border-top: solid 1px #004a9d; background-color:#eee;}
ul.imagen_galerias_disponibles{list-style:none; margin-left:50px;}
ul.imagen_galerias_disponibles li a, ul.imagen_galerias_disponibles li a:link{color:#222; text-decoration:none; width:100%; height:100%; display:block; border-bottom: dotted 1px #004a9d; border-top: dotted 1px #004a9d; background-color:#eee;}
ul.imagen_galerias_disponibles li a:hover{color:#222; border-bottom: solid 1px #004a9d; border-top: solid 1px #004a9d; background-color:#ddd;}
ul.imagen_galerias_disponibles li{ float: left; width: 150px; text-align: center; margin:10px 20px;}
ul.imagen_galerias_disponibles li h3{font-size: 0.9em; }

#contactar h2{text-align:center; font-size: 0.9em; border-bottom: dotted 1px #004a9d; border-top: dotted 1px #004a9d; background-color:#eee; margin-bottom: 10px; font-weight:bold;}
#contactar2 p{display:block; padding-top:140px; margin: auto; width:300px; height:300px; line-height: 50px; vertical-align:bottom; color #000; font-size: 1em; text-align: center;}


fieldset{
  width:300px;
  padding: 10px;
  float:right;
  border: dotted 1 px #004a9d;
}

input.formularioContacto{
  width:250px;
  height: 21px;
  color:#a5a5a5;
  border:solid 1px #999999;
  margin: 5px 25px;
  float:left;
}
textarea.formularioContacto{
  width:240px;
  height: 230px;
  color:#a5a5a5;
  border:solid 1px #999999;
  margin: 5px 25px;
  background-color:#ffffff;
  font-family:Arial, Helvetica, sans-serif;
  font-size:0.8em;
  float:right;
}
p#enviar{
  clear:both;
  display:block;
  width:100px;
  height:30px;
  background: url(../img/web/enviar.png) top left no-repeat;
  margin: 12px 3px 0 20px;
  float:right;
  text-align:center;
  color:#fff;
  line-height: 30px;
  vertical-align: middle;
  cursor: pointer;
}
p#enviar:hover{
  background: url(../img/web/enviar_actiu.png) top left no-repeat;
}
#map{float:left; width:440px; height:420px; border: solid 1px #000;}