/********************************** customización home ************************************/

/* Home Integradas */

DIV.home_integradas{
  position:relative;
  float:left;
  width:100%;
  height:300px;
  margin:0 0 10px 0;
  overflow: hidden;
  font-family: Tahoma, Arial, sans-serif;
	font-size: 11px;
  line-height: 13px;
	color: #FFF;
}
DIV.home_integradas DIV.izquierda{
  width:400px;
  height:300px;
  background-color:#5C8CCE;
}
DIV.home_integradas DIV.izquierda DIV.mapa{
  position:absolute;
  z-index:2;
  width:400px;
}
DIV.home_integradas DIV.izquierda DIV.texto{
  float:right;
  width:200px;
  margin:10px 10px 0 0;
}
DIV.home_integradas DIV.izquierda DIV.texto DIV.titulo{
  font-size: 18px;
  line-height: 20px;
  font-weight: normal;
  font-family: Arial, "Helvetica", sans-serif;
  padding-bottom:14px;
}

DIV.home_integradas DIV.derecha{
  width:200px;
}
DIV.home_integradas DIV.derecha DIV.superior{
  height:130px;
  width:200px;
  overflow:hidden;
}
DIV.home_integradas DIV.derecha DIV.inferior{
  height:170px;
  background-color:#F2F2F2;
}
DIV.home_integradas DIV.derecha DIV.inferior DIV.titulo{
  position:relative;
  float:left;
  width:190px;
  //width:200px;
  background-color: #66CC00;
  line-height: 26px;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, "Helvetica", sans-serif;
  margin-bottom: 4px;
  padding:0 0 0 10px
}
DIV.home_integradas DIV.derecha DIV.inferior DIV.subtitulo{
  position:relative;
  float:left;
  color: #052b3f;
  font-size: 11px;
  font-weight: bold;
  padding: 0 10px 4px 10px ;
}
DIV.home_integradas DIV.derecha DIV.inferior DIV.texto{
  position:relative;
  float:left;
  color: #052b3f;
  width:180px;
  padding: 0 10px 0 10px ;
}
DIV.home_integradas DIV.derecha DIV.inferior DIV.texto a,
DIV.home_integradas DIV.derecha DIV.inferior DIV.texto a:link,
DIV.home_integradas DIV.derecha DIV.inferior DIV.texto a:visited{
  color:#007700;
  text-decoration: none;
}
DIV.home_integradas DIV.derecha DIV.inferior DIV.texto a:active,
DIV.home_integradas DIV.derecha DIV.inferior DIV.texto a:hover{
  color:#339900;
}



/* Rota fotos home */

DIV.rota_foto{
  position:relative;
  float:left;
  width:600px;
  margin:0 0 13px 0;
  background-color:#F2F2F2;
}
DIV.rota_foto DIV.titulo{
  position:relative;
  float:left;
  width:190px;
  //width:200px;
  background-color: #66CC00;
  line-height: 26px;
  color: #FFF;
  font-size: 13px;
  font-weight: bold;
  font-family: Arial, "Helvetica", sans-serif;
  margin-bottom: 4px;
  padding:0 0 0 10px
}
DIV.rota_foto DIV.subtitulo{
  position:relative;
  float:left;
  color: #052b3f;
  font-size: 11px;
  font-weight: bold;
  padding: 0 10px 4px 10px ;
}
DIV.rota_foto DIV.texto{
  position:relative;
  float:left;
  color: #052b3f;
  width:172px;
  //width:200px;
  padding: 0 10px 0 10px ;
}
DIV.rota_foto DIV.texto a,
DIV.rota_foto DIV.texto a:link,
DIV.rota_foto DIV.texto a:visited{
  color:#007700;
  text-decoration: none;
}
DIV.rota_foto DIV.texto a:active,
DIV.rota_foto DIV.texto a:hover{
  color:#339900;
}
DIV.rota_foto DIV.contenedor{
  position:relative;
  float:left;
	width: 400px;
	height: 170px;
	overflow: hidden; /*scroll;*/
	background-color: #FFF;
}
DIV.rota_foto DIV.contenedor DIV.deslizable{
  position:relative;
  float:left;
	height: 170px;
}
DIV.rota_foto DIV.deslizable a{
  float:left;
}

/* Cajitas Tematicos */
DIV.tematico{
  position:relative;
  float:left;
  width:100%;
  height:230px;
  background:#66CC00 no-repeat 0 21px;
  margin: 0 0 10px 0;
}
DIV.tematico DIV.titulo{
  position:relative;
  font-size:12px;
  line-height:21px;
  font-family:Arial, Helvetica, sans-serif;
  padding:0 7px 0 7px;
  color:#FFF;
  font-weight:bold;
}
DIV.tematico DIV.subtitulo{
  position:relative;
  font-size:14px;
  line-height:14px;
  font-family:Arial, Helvetica, sans-serif;
  padding:7px;
  
}
DIV.tematico DIV.subtitulo a,
DIV.tematico DIV.subtitulo a:link,
DIV.tematico DIV.subtitulo a:visited{
  text-decoration:none;
  color:#06334B;
  font-weight:bold;
  text-transform:uppercase;
}
DIV.tematico DIV.subtitulo a:hover,
DIV.tematico DIV.subtitulo a:active{
  text-decoration:underline;
}
DIV.tematico DIV.texto{
  position:relative;
  line-height:12px;
  padding:0 7px 0 7px;
}
DIV.tematico DIV.btn_ver{
  position:absolute;
  text-align:right;
  font-weight:bold;
  top:208px;
  width:100%;
  font-family:Arial, Helvetica, sans-serif;
  font-size:11px;
}
DIV.tematico DIV.btn_ver a,
DIV.tematico DIV.btn_ver a:link,
DIV.tematico DIV.btn_ver a:visited{
  text-decoration:none;
  color:#06334B;
  line-height:22px;
  background-color:#66CC00;
  padding:4px 7px 4px 7px;
}
DIV.tematico DIV.btn_ver a:hover,
DIV.tematico DIV.btn_ver a:active{
  background-color:#06334B;
  color:#66CC00;
}

/* Carrousel nuevo si Javascript */
    DIV.carrousel_home{
      position:relative;
      float:left;
      width:600px;
      font-family: Geneva, Arial, Helvetica, sans-serif;
      font-size:11px;
      margin-bottom:10px;
    }
    DIV.carrousel_home DIV.titulo{
      position:relative;
      float:left;
      width:600px;
      background-color:#66CC00;
    }
    DIV.carrousel_home DIV.titulo h1{
      line-height:26px;
      font-size:16px;
      font-weight:bold;
      color:#FFF;
      margin:0 0 0 10px;
    }
    DIV.carrousel_home DIV.contenedor{
      position:relative;
      float:left;
      width:600px;
      height:170px;
      overflow: hidden;
    }
    DIV.carrousel_home DIV.scroller{
      position:relative;
      float:left;
    }
    DIV.carrousel_home DIV.scroller DIV{
      position:relative;
      float:left;
      width:600px;
      height:170px;
      overflow:hidden;
    }

    DIV.carrousel_home DIV.scroller DIV DIV.img{
      position:relative;
      float:left;
      width:260px;
    }
    DIV.carrousel_home DIV.scroller DIV DIV.texto{
      position:relative;
      float:right;
      width:320px;
      margin-right:10px;
    }
    DIV.carrousel_home DIV.scroller DIV DIV.texto h2{
      color: #052B3F;
      font-size:22px;
      font-weight:normal;
      margin: 6px 0 5px 0;
    }
    DIV.carrousel_home DIV.scroller DIV DIV.texto a{
      color: #007700;
      font-weight:bold;
    }
    DIV.carrousel_home DIV.scroller DIV DIV.texto a:hover{
      color: #66CC00;
    }
    DIV.pie_controles {
      position:relative;
      float:left;
    	height: 26px;
    	width:100%;
    	background-color: #054B40;
    	font-family: Geneva, Arial, Helvetica, sans-serif;
    }
     DIV.pie_controles DIV.contenedor_controles{
      position:relative;
      float:left;
      width:260px;
     }
    DIV.pie_controles .controles {
    	padding: 0px;
    	float: left;
    	list-style-type: none;
    	margin: 0 0 0 12px;
    	display: block;
    }

    DIV.pie_controles .controles li {
    	display: block;
    	float: left;
    	line-height:26px;
    	color: #FFFFFF;
    	font-size: 11px;
    	cursor: pointer;
    	padding: 0 4px;
    	margin: 0px;
    	width: 66px;
    	//width: 78px;
    }

    
    DIV.pie_controles .controles .prevbtn {
    	background-image: url(/img/atras.gif);
    	background-repeat: no-repeat;
    	background-position: left 10px;
    	padding-left: 10px;
    
    }
    
    #playbtn {
    	float: left;
    	text-align: center;
    
    }
    #pausebtn {
    	float: left;
    	text-align: center;
    	display:none;
    }
    DIV.pie_controles .controles .nextbtn {
    	background-image: url(/img/adelante.gif);
    	background-repeat: no-repeat;
    	background-position: right 10px;
    	text-align: right;
    	padding-right: 10px;
    
    }