﻿@charset "utf-8";
 
/* css document */
html,h1,h2,h3,h4,h5,h6,dl,ol,ul,li,dt,dd,table,th,td,tr,p,div,body{
	padding:0px; margin:0px auto; font-family:arial;
	
}

body {
	font-size: 12px; background:url(images/foot.png) bottom repeat-x;
	  
}
ul {
	list-style-type: none;   list-style-image: none
}
li {
	list-style-type: none;  ; list-style-image: none
}
img {
	border-bottom: 0px; border-left: 0px; border-top: 0px; border-right: 0px;
}
a{   text-decoration: none;color: #414141;}
a:hover {
	color: #060;
	text-decoration:none;
}
.clear {
	border-bottom: 0px; border-left: 0px; line-height: 0; margin-top: 0px; visibility: hidden; clear: both; font-size: 0px; border-top: 0px; border-right: 0px
}
.display{ display:inline;}
 
 
/*  index page css */
#wrap{
	width: 100%;
	background: url(images/topbg.jpg) top repeat-x;
}
.top{
	width: 977px;
 
 
}
.top h1{
	width:100%;
	float:left;
}
.topsearch{
	width:184px;
	float:left;
}
 
.menubg{
	width:977px;
	height:53px;
	background:url(images/menubg.jpg) no-repeat;
}

 
.box{
	width:228px;
	float:left;
	margin-right:10px;
}
.boxtit{
	width:100%;
	height: 38px;
	background:url(images/indexprocatetit.jpg) no-repeat;
	line-height: 38px;
	color: #777575;
	text-indent: 1em;
}
.banner{
	width:977px; padding-top:8px; padding-bottom:8px; 
 
} 
.picnews{ width:280px; float:left; margin:0px 15px 0px 10px;}
.newsbox{ width:370px; float:left; margin:0px 15px 0px 10px;}
.aboutbox{ width:280px; float:left; margin:0px 0px 0px 5px;}
.casebox{
	width:985px;
	margin:0px auto;
}
.boxtitle{ width:100%; height:23px; line-height:23px; background:url(images/indexline.jpg) left bottom no-repeat;} 
.boxcontent{ width:100%;}
 
.boxleft{
	width:737px;
	float:left;
}
.boxright{
	width:100%;
	height:218px;
	background:url(images/one.png) no-repeat;
 
	margin-bottom: 10px;
}
.boxcenter{
	width:100%;
	height:auto;
	background:url(images/two.png) no-repeat;
 
 
 
}
.srcolla{ width:143px; height:107px; background:url(images/indexprobg.jpg) no-repeat; float:left; margin-right: 25px;}
.aboutban{
	width:977px;   height:266px; background:url(images/aboutban.jpg) no-repeat;
}
.proban{
	width:977px;   height:266px; background:url(images/proban.jpg) no-repeat;
}
.newsban{
	width:977px;   height:266px; background:url(images/newsban.jpg) no-repeat;
}
.feedban{
	width:977px;   height:266px; background:url(images/feedban.jpg) no-repeat;
}
.contban{
	width:977px;   height:266px; background:url(images/contban.jpg) no-repeat;
}

.content{
	width:977px;
	background: #fff;
	 
	
}
.item{ width:100%;}
.itembg{ width:100%; background:url(images/indexboxbg.jpg) repeat-y;}
 
.itembot{ width:100%; margin-bottom:15px;}
.itembot2{ width:100%; padding-bottom:15px;}
.foot{
	width:977px;
	height:30px;
	 
	line-height: 30px;
	text-align: center;
	color: #363635;
}
 .footnav{
	 
	  color:#fff; 
 
}
.footnav .footnav_left{ width:80%; float:left;line-height:30px;}
.footnav   a{ color:#fff; text-decoration:none;}
.footnav   a:hover{ color:#ccc; text-decoration:none;}

.footnav .footnav_right{
	width:15%;
	float:right;
}
 .searchbtn{
	float:left;
	width:21px;
	height:53px;
}
.searchbg{
	float:left;
	width:162px;
	height:53px;
	background:url(images/searchbg.jpg) no-repeat;
 
} 

 
 
 
 

.left{
	width:205px;
	float:left;
	background:url(images/leftbg.jpg) repeat-y;
	margin-right: 10px;
}
.lefttit{
	width:100%;
	text-align: center; 
}
.left_con{  border-top:0;
}

#leftnavcon { width:100%;
}
 
#leftnavcon .left UL {
	DISPLAY: block;
}

#leftnavcon .left LI {
	list-style:none; width:100%; border:0px;	 
}
.left_con A.left_menubg2_ {
	DISPLAY: block; BACKGROUND: url(images/indexmenu3.png) center repeat-y; WIDTH: 100%; LINE-HEIGHT: 40px; HEIGHT: 40px;  COLOR: #080808; TEXT-DECORATION: none;  font-size:13px; text-indent:1em;  
}

.left_con A.left_menubg2_:hover {
	DISPLAY: block;
 font-weight:bold;
	font-size:13px; 
	BACKGROUND: url(images/indexmenu3.png) center repeat-y;
	COLOR: #04397e;
WIDTH: 100%; LINE-HEIGHT: 40px; HEIGHT: 40px; 
	TEXT-DECORATION: none;text-indent:1em;
 
}
A.left_menubg3_ {
	DISPLAY: block; BACKGROUND: url(images/indexmenu2.jpg) center no-repeat; WIDTH: 100%; LINE-HEIGHT: 30px; HEIGHT: 30px;  COLOR: #080808; TEXT-DECORATION: none;  font-size:13px; text-indent:3em;  
}
A.left_menubg3_:hover {
	DISPLAY: block;
 font-weight:bold;
	font-size:13px; 
	BACKGROUND: url(images/indexmenu3.jpg) center no-repeat;
	COLOR: #04397e;
WIDTH: 100%; LINE-HEIGHT: 30px; HEIGHT: 30px; 
	TEXT-DECORATION: none;text-indent:3em;
}
A.left_menubg_ {
	DISPLAY: block; BACKGROUND: url(images/left_menubg_.jpg) center no-repeat; WIDTH: 100%; LINE-HEIGHT: 35px; HEIGHT: 35px;  COLOR: #080808; TEXT-DECORATION: none;  font-size:13px; text-indent:3em;  
}

A.left_menubg_:hover {
	DISPLAY: block;
 font-weight:bold;
	font-size:13px; 
	BACKGROUND: url(images/left_menubg_over.jpg) center no-repeat;
	COLOR: #04397e;
WIDTH: 100%; LINE-HEIGHT: 35px; HEIGHT: 35px; 
	TEXT-DECORATION: none;text-indent:3em;
 
}

A.left_menubg_over {
	DISPLAY: block;
	font-size:13px; 
  font-weight:bold;
	BACKGROUND: url(images/left_menubg_over.jpg) center no-repeat;
	COLOR: #04397e;
	WIDTH: 100%; LINE-HEIGHT: 35px; HEIGHT: 35px;  
	TEXT-DECORATION: none;text-indent:3em;
 
}

A.left_menubg_over:hover {
		DISPLAY: block;
 font-weight:bold;
	font-size:13px; 
	BACKGROUND: url(images/left_menubg_over.jpg) center no-repeat;
	COLOR: #04397e;
	WIDTH: 100%; LINE-HEIGHT: 35px; HEIGHT: 35px; 
	TEXT-DECORATION: none; text-indent:3em;
}

.right{
	width:760px;
	float:left;
	background: url(images/rightbg.jpg) no-repeat;
}
.position{
	width:100%;
	height:48px;
	line-height:30px;
	background: url(images/position.jpg) no-repeat;
}
.rightit{ width:100%;}
.rightcon{
	width:100%;
	background:url(images/rightbg.jpg) repeat-y;
	line-height:30px; font-size:13px;
}
.probox{
	width:150px;
	float:left;
	height:175px;
	margin:15px 23px 0px 10px;
	text-align:center;
	background: url(images/probg.jpg) no-repeat;
}
.probox p{ width:100%;  line-height:26px;}
.probox a , .probox a:hover{font-size:13px;  font-weight:bold; color:#303030;}


div.cabecera{
	position: relative;
	height: 285px;
}

div.cabecera .banners{
	position: absolute;
	left: 0px;
	top: 0px;
}

div.cabecera .menu{
	position: absolute;
	left: 0px;
	top: 0px;
}

ul.menuSuperior  {
	margin:0px;
	padding: 0px;
}

ul.menuSuperior li{
	list-style : none;
	float: left;
	display: block;
	list-style:none;
	list-style:none outside none !important;
}

ul.menuSuperior li a{
	background-image: url(../img/menu/background-menu.png);
	background-position: right bottom;
	display: block;
	height: 17px;
	padding-top: 28px;
	padding-left: 7px;
	margin-left: 1px;
	width: 308px;				/* Aqui especificamos el ancho de cada elemento del menu superior */
	color: #FFFFFF;
	text-transform: uppercase;
	font-family: 'TransitNormal';
	font-size: 11px;
	letter-spacing: 1px;
}

ul.menuSuperior li.primer a{
	margin-left: 0px;
	width: 311px;				/* Con este ajustamos al pixel todo el menu superior */
}

ul.menuSuperior li a:hover{
	text-decoration: none;
	color: #999999;
	background-image: url(../img/menu/background-menuOver.png);
}

ul.submenuSuperior{
	margin: 0px;
	padding: 0px;
	width: 308px;				/* Con este ajustamos el ancho del submenu */
}

ul.submenuSuperior li{
	float: none;
	list-style:none outside none !important;
}

ul.submenuSuperior li a{
	background-image: url(../img/menu/background-submenu.png);
	height: 21px;
	padding-top: 4px;
	background-position: left top;
}

ul.submenuSuperior li a:hover{
	background-image: url(../img/menu/background-submenuOver.png);
	color: #FFFFFF;
}


div.bannersCont
{
	position: relative;	
}

div.bannersCont div
{
	position: absolute;
}

div.bannersCont div div.bannerClaim1
{
	font-size: 24px;
	color: #FFFFFF;
	font-style: italic;
}

div.bannerClaim2
{
	font-size: 24px;
	color: #FFFFFF;
	font-weight: bold;
}

div.bannersCont div div.bannerClaim1b
{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

div.bannerClaim2b
{
	font-size: 14px;
	color: #FFFFFF;
	font-weight: bold;
}

a.link_pestanya 
{
	font-family: 'TransitNormal';
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: normal;
}

span.link_pestanya_on
{
	font-family: 'TransitNormal';
	font-size: 11px;
	letter-spacing: 1px;
	font-weight: normal;
}
