/**
* Hoja de estilos
*
* Crea la hoja de estilos para mostrar las páginas HTML de la aplicación Web.
* @package WEB
* @subpackage ESTRUCTURA
* @author Manuel Segura
* @copyright OVALUS
* @version 1.0
*/

BODY
{
  background-color: #7B6759;
  text-align: center;
  background: url(/media/images/structure/background.jpg) top left repeat-x;

  scrollbar-face-color: #7B6759;
  scrollbar-shadow-color: #7B6759;
  scrollbar-highlight-color: #7B6759;
  scrollbar-3dlight-color: #7B6759;
  scrollbar-darkshadow-color: #7B6759;
  scrollbar-track-color: #666666;
  scrollbar-arrow-color: #FFFFFF;

  overflow: hidden;
}

.web_main
{
  display: block;
  width: 100%;
  height: 100%;
}

.web_head_container
{
  display: block;
  width: 100%;
   background: url(/media/images/structure/backhead.jpg) top left repeat-x;
  z-index: 3;
}

.web_head
{
  display: block;
  position: relative;
  width: 760px;
  height: 100px;
  background: url(/media/images/structure/head.jpg) top left no-repeat;
  margin: 0 auto 0 auto;
  z-index: 3;
}

.web_ad_container
{
  display: block;
  position: relative;
  width: 100%;
  background-color:#741521;
  z-index: 2;
}

.web_head_advertising
{
  display: block;
  position: relative;
  width: 760px;
  height: 30px;
  text-align: right;
  background-color: #741521;
  margin: 0 auto 0 auto;
  padding: 0px;
  z-index: 3;

}

.web_path_container
{
  display: block;
  position: relative;
  width: 100%;
  background-color:#EEEEEE;
  z-index: 2;
}

.web_path
{
  display: block;
  position: relative;
  left: 28px;
  width: 740px;
  height: 16px;
  margin: 0 auto 0 auto;
  padding-top:2px;
  background-color:#EEEEEE;
  text-align: left;
  z-index: 3;
}

.web_data_container
{
  display: block;
  position: relative;
  width: 100%;
  z-index: 1;
}

.web_data
{
  display: block;
  position: relative;
  width: 760px;
  margin: 0 auto 0 auto;
  text-align: right;
  overflow: auto;
  z-index: 1;
}

.web_data_column
{
  display: block;
  position: relative;
  width: 350px;
  float: left;
  text-align: left;
  font-size: 12px;
}

.web_data_title
{
  display: block;
  position: relative;
  width: 90%;
  text-align: left;
  color: #554537;
  font-weight: bold;
}
.web_data_info
{
  display: block;
  position: relative;
  width: 95%;
  height: 100%;
  margin: 0 0 0 auto;
  text-align: left;
  color: #000000;
  font-size:12px;
  overflow: auto;
}

.web_data_block
{
  display: block;
  position: relative;
  width: 90%;
  margin: 0 10 0 0;
  text-align: left;
  color: #000000;
  font-size:12px;
}

.web_bar
{
	display: inline;
	position: relative;
	float: right;
	margin-top: 2px;
	height: 8px;
}

.web_foot_container
{
  display: block;
  position: relative;
  width: 100%;
  height: 50px;
  margin-top: -50px;
  z-index: 2;
}

.web_contact
{
  display: block;
  width: 760px;
  heigh: 20px;
  padding: 4px 0px 4px 0px;
  margin: 0 auto 0 auto;
  z-index: 3;
}

.web_foot_adleft
{
  display: block;
  position: relative;
  width: 100%;
  height: 30px;
  background: url(/media/images/structure/footleft.jpg) top left no-repeat;
  background-color:#FFFFFF;
  overflow: hidden;
}

.web_foot_adright
{
  display: block;
  position: relative;
  width: 100%;
  height: 30px;
  background: url(/media/images/structure/footright.jpg) top right no-repeat;
}

.web_ad
{
  display: block;
  position: relative;
  width: 760px;
  height: 30px;
  margin: 0 auto 0 auto;
  background-color:#FFFFFF;
}

.web_ovalus
{
  display: block;
  position: absolute;
  top: 0px;
  left: 740px;
  width: 100px;
  height: 30px;
  font-size: 9px;
  color: #999999;
}

.web_social
{
  display: block;
  position: absolute;
  width: 50px;
  height: 16px;
  top: 82px;
  left: 720px;
  margin: 0px;
  text-align:left;
}

.web_mainmenu
{
  display: block;
  position: absolute;
  width: 750px;
  height: 18px;
  top: 80px;
  left: 10px;
  margin: 0px 0px 0px 10px;
  padding-top: 3px;
  text-align:left;
}

.web_submenu
{
  display: none;
  position: absolute;
  padding: 5px;
  border: 1px solid #CCCCCC;
  text-align: left;
  background-color: #FFFFFF;
}

.web_photo
{
	display: inline;
	border: 1px solid #FFFFFF;
}

.web_photo_foot
{
	width: 685px;
	margin: 0 auto 0 auto;
	color: #000000;
	background-color: #CCCCCC;
	overflow: auto;
}
.web_zoom
{
	display: block;
	position: absolute;
	visibility: hidden;
	top: 0px;
	left: 0px;
	text-align:center;
	width: 100%;
	height: 100%;
	background-color: #333333;
	border: 0px;
	z-index: 10;
}

.web_panel_data
{
	padding: 10px;
	background-color: #D9C4AB;
	border: 1px solid #000000;
}

.web_field_data
{
	display: inline;
	width: 75px;
}

/* ENLACES */

a.web_menulink:link,  a.web_menulink:visited,  a.web_menulink:active
{
  display: block;
  float: left;
  width: 60px;
  text-align: center;
  text-decoration: none;
  color: #000000;
}

a.web_menulink:hover
{
  color: #000000;
  text-decoration:underline;
}

a.web_submenulink:link,  a.web_submenulink:visited,  a.web_submenulink:active
{
  display: block;
  width: 100%;
  height: 15px;
  text-decoration: none;
  color: #001D68;
  background-color: #FFFFFF;

}

a.web_submenulink:hover
{
  color: #FFFFFF;
  background-color: #7B6759;
}

a.web_sublink:link,  a.web_sublink:visited,  a.web_sublink:active
{
  display: block;
  width: 100%;
  height: 15px;
  text-decoration: none;
  color: #001D68;
  background: url(/media/images/structure/linkon.gif) top right no-repeat;
  background-color: #FFFFFF;

}

a.web_sublink:hover
{
  color: #FFFFFF;
  background: url(/media/images/structure/linkoff.gif) top right no-repeat;
  background-color: #7B6759;
}

a.web_subsave:link,  a.web_subsave:visited,  a.web_subsave:active
{
  display: block;
  width: 100%;
  height: 15px;
  text-decoration: none;
  color: #000000;
  background: url(/media/images/structure/saveon.gif) top right no-repeat;
  background-color: #FFFFFF;

}

a.web_subsave:hover
{
  color: #FFFFFF;
  background: url(/media/images/structure/saveoff.gif) top right no-repeat;
  background-color: #7B6759;
}

a.web_subdisabled
{
  display: block;
  width: 100%;
  height: 15px;
  text-decoration: none;
  color: #7b6759;
  background: url(/media/images/structure/saveno.gif) top right no-repeat;
  background-color: #FFFFFF;
}


a.web_pagelink:link,  a.web_pagelink:visited,  a.web_pagelink:active
{
  display: block;
  text-decoration: none;
  color: #554537;
  padding-bottom: 5px;
}

a.web_pagelink:hover
{
  color: #000000;
  text-decoration:underline;
}

a.web_link:link,  a.web_link:visited,  a.web_link:active
{
  font-size: 10px;
  text-decoration: none;
  color: #333333;
}

a.web_link:hover
{
  color: #000000;
}

a.web_special:link,  a.web_special:visited,  a.web_special:active
{
  text-decoration: none;
  color: #EEEEEE;
}

a.web_special:hover
{
  color: #000000;
}

a.filteroff:link, a.filteroff:visited, a.filteroff:active
{
display: inline;
padding-left: 10px;
background-image:  url("/media/images/structure/icons/sel0.gif");
background-repeat: no-repeat;
background-position: top left;
font-size: 10px;
text-decoration: none;
color: #333333;
}

a.filteroff:hover
{
color: #000000;
text-decoration:underline;
}

a.filteron:link, a.filteron:visited, a.filteron:active
{
display: inline;
padding-left: 10px;
background-image:  url("/media/images/structure/icons/sel1.gif");
background-repeat: no-repeat;
background-position: top left;
font-size: 10px;
text-decoration: none;
color: #333333;
}

a.filteron:hover
{
color: #000000;
text-decoration:underline;
}

/* TABLAS */

.web_table
{
	font-size: 10px;
}

.web_table TH
{
	text-align: left;
	border-bottom: 1px dotted #FFFFFF;
	background-color: #978E89;
}

.web_table_group
{
  font-size: 12px;
  font-weight: bold;
  color: #333333;
  background-color: #CCCCCC;
  text-align: left;
}

.web_table_line
{
	padding: 5px;
	border-bottom: 1px dotted #7A6759;
}

/* FORMULARIOS */

.web_form
{
	font-size: 10px;
}

.web_formfield
{
  font-size: 10px;
  border: 1px solid #000000;
  background-color: #EEEEEE;
}

.web_form_head
{
	display: table;
	width: 100%;
	border-bottom: 1px dotted #FFFFFF;
	padding-bottom: 1px;
	background-color: #978E89;
}

.web_form_label
{
	display: block;
	float: left;
	width: 120px;
	font-weight: bold;
}

/* TIPOS */

.web_menuselected
{
  display: block;
  float: left;
  width: 60px;
  color: #554537;
  text-align: center;
  font-weight: bold;
  text-decoration: none;
}

.font_small_brown
{
  color: #554537;
  font-size: 10px;
}

.font_brown
{
  color: #554537;
}

.font_head
{
  font-size: 12px;
}