/* 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: #3BBFB6;
  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: #1A4655;
  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: #1A4655;
  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:#3BBFB6;
  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:#FF9900;
}



/* 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: #3BBFB6;
  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: #1A4655;
  font-size: 11px;
  font-weight: bold;
  padding: 0 10px 4px 10px ;
}
DIV.rota_foto DIV.texto{
  position:relative;
  float:left;
  color: #1A4655;
  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:#3BBFB6;
  text-decoration: none;
}
DIV.rota_foto DIV.texto a:active,
DIV.rota_foto DIV.texto a:hover{
  color:#FF9900;
}
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:#3BBFB6 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:#1A4655;
  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:#1A4655;
  line-height:22px;
  background-color:#3BBFB6;
  padding:4px 7px 4px 7px;
}
DIV.tematico DIV.btn_ver a:hover,
DIV.tematico DIV.btn_ver a:active{
  background-color:#1A4655;
  color:#3BBFB6;
}

/* 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:#3BBFB6;
}
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: #1A4655;
  font-size:22px;
  font-weight:normal;
  margin: 6px 0 5px 0;
}
DIV.carrousel_home DIV.scroller DIV DIV.texto a{
  color: #42D5CD;
  font-weight:bold;
}
DIV.carrousel_home DIV.scroller DIV DIV.texto a:hover{
  color: #3BBFB6;
}
DIV.pie_controles {
  position:relative;
  float:left;
	height: 26px;
	width:100%;
	background-color: #246175;
	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.png);
	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.png);
	background-repeat: no-repeat;
	background-position: right 10px;
	text-align: right;
	padding-right: 10px;

}

