/* CSS Document */

body{
background-color:#D7D7D7;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:0;
padding:0;
color:#333333;
	background-image:url(imagenes/bg_body.png);
	background-position:top;
	background-repeat:repeat-x;
	}

form {
	margin: 0;
	padding: 0;
}

input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #000000;
}

h1, h2, h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

h1 {
	font-size: 2em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.2em;
}
}

h4{
	font-size: 1.0em;
}
p, ul, ol {
	margin-bottom: 1.4em;
	line-height: 130%;

}

ul, ol {
}

blockquote {
}

a {
	color: #00B300;
}

a:hover {
	text-decoration: none;
}


.floatright{
float:right;
margin:10px 0px 10px 20px;}
.floatleft{
float:left;
margin:10px;}
.floatleftproducts{
float:left;
margin:0px 30px 40px 10px;}
.destacadotit{
color:#00B300;
font-family:"Trebuchet MS";
font-size:120%;}
.hrgray{
color:#ccc;
clear:both;
height:1px;}
#back{
float:right;
position:relative;
margin:5px;
padding:5px;
right:0px;
top:20px;
background-color:#000000;
width:15%;
text-align:center;}
#back a{
color:#FFFFFF;}
/***********************************************/
#contenedorsh{
width:972px;
margin:0 auto;
padding:0;
background-color:#FFFFFF;
border-right:1px solid #ccc;
border-left:1px solid #ccc;
border-bottom:1px solid #ccc;}
#contenedor{
width:970px;
margin:0 auto;
padding:0;
background-color:#FFFFFF;
border-right:1px solid #999;
border-left:1px solid #999;
border-bottom:1px solid #999;}
#footerbottom{
width:970px;
margin:0 auto;
padding:0;
font-size:0.7em;
text-align:center;
color:#999999;
}
#footerbottom a{
color: #0099FF;
}


#header{
height:80px;}
#logotipo{
position:relative;
margin:5px 20px;
float:left;}
#headerimag{
background-image:url(imagenes/bg_header.jpg);
background-position:left top;
background-repeat:no-repeat;
height:190px;}
/************ contenido paginas **************/
#conten{
background-image:url(imagenes/bg_conten.jpg);
background-position:top left;
background-repeat:no-repeat;
margin:0;
padding:5px 10px;
font-size:0.8em;}
#conten img{
margin:0;
padding:0px;
}
.bannersindex{
margin:0 25px;
padding:0;
}
.bannersindex li{
display:inline;
margin:5px;
padding:0;
}
.derechabannerv {
float:right;
margin:0px 20px;
padding:0;
list-style:none;
}
#listv ul{
margin:0px;
padding:0;
list-style:none;
}
#listv li{
margin:0px;
padding:0;
height:80px;
list-style:none;
}
#listv li a{
margin:0px;
padding:0;
}
#listv img{
}
/********NEWS*************/
#news{
background-color:#CCC;
background-image:url(imagenes/bg_news.gif);
background-repeat:no-repeat;
background-position:top right;
margin:5px 0;
padding:20PX;;}
#news ul {
width:50%;
	margin: 0;
	padding: 5PX 10PX;
	list-style: none;
	font-size:0.8EM;
	background-color:#FFFFFF;
}
#news h3{
color:#CCCCCC;}

#news li {
	margin: 0;
	padding: 5PX 10PX;
}

#news a {
color:#1D9AEC;
text-decoration:none;
}

/* Menu */

#menu {
	width: 970px;
	height: 40px;
	margin: 0 auto;
	padding: 1px 0;
	background: url(imagenes/bg_menuh.gif) repeat-x left top;

}

#menu ul {
	height: 40px;
	margin: 0;
	padding: 0;
	background: url(imagenes/img03.gif) no-repeat;
	list-style: none;
}

#menu li {
	float: left;
	height: 40px;
	background: url(imagenes/img03.gif) no-repeat right top;
}

#menu a {
	float: left;
	height: 40px;
	padding: 7px 15px 0 25px;
	text-decoration: none;
	font-size: 1.1em;
	font-weight: bold;
	color: #fff;
}

#menu a:hover {
	background: url(imagenes/img04.gif) repeat-x;
	color: #FFFFFF;
}

#menu .current_page_item a {
	background: url(imagenes/img05.gif) repeat-x right top;
	color: #333;
		height: 40px;
}
/**************menu superior**************/
#menusup{
position:relative;
float:right;
margin:10px 5px;
padding:10px 0 ;
background-image:url(imagenes/bg_menusup.gif);
background-repeat:no-repeat;
width:200px;

text-align:center;}

#menusup ul {
	margin: 0;
	padding: 5px;
	list-style: none;

}

#menusup li {
	display:inline;
	margin: 0;
	padding: 5px;
}

#menusup a {
	text-decoration: none;
	font-size: 0.7em;
	font-weight: bold;
	color: #999;
	margin: 0;
	padding: 0px 5px;
}

#menusup a:hover {
	color: #FFFFFF;
}

.clearboth{
clear:both;}
#footer{
text-align:center;
margin:0px;
padding:5px;
border-top: solid #ddd 1px;
}
#footer ul {
	margin: 0;
	padding: 5px;
	list-style: none;

}

#footer li {
	display:inline;
	margin: 0;
	padding: 5px;
	border-right:1px solid #ccc;
}

#footer a {
	text-decoration: none;
	font-size: 0.6em;
	font-weight: bold;
	color: #999;
	margin: 0;
	padding: 0px 5px;
}

#footer a:hover {
	color: #ccc;
}
/************ formulario ********************/
#formulario div {
  clear: left;
  display: block;
  width: 504px;
  zoom: 1;
  margin: 5px 0 0 0;
  padding: 1px 3px;
}

#formulario fieldset div.notes {
  float: right;
  width: 158px;
  height: auto;
  margin: 0 0 10px 10px;
  padding: 5px;
  border: 1px solid #666666;
  background-color: #ffffe1;
  color: #666666;
  font-size: 88%;
}

#formulario fieldset div.notes h4 {
  background-image: url(/images/icon_info.gif);
  background-repeat: no-repeat;
  background-position: top left;
  padding: 3px 0 3px 27px;
  border-width: 0 0 1px 0;
  border-style: solid;
  border-color: #666666;
  color: #666666;
  font-size: 110%;
}

#formulario fieldset div.notes p {
  margin: 0em 0em 1.2em 0em;
  color: #666666;
}

#formulario fieldset div.notes p.last {
  margin: 0em;
}

#formulario div fieldset {
  clear: none;
  border-width: 1px;
  border-style: solid;
  border-color: #666666;
  margin: 0 0 0 144px;
  padding: 0 5px 5px 5px;

}

#formulario div fieldset legend {
  font-size: 100%;
  padding: 0 3px 0 9px;
}

#formulario div.required fieldset legend {
  font-weight: bold;
}

#formulario div label {
  display: block;
  float: left;
  width: 130px;
  padding: 3px 5px;
  margin: 0 0 5px 0;
  text-align: right;
}

#formulario div.optional label, label.optional {
  font-weight: normal;
}

#formulario div.required label, label.required {
  font-weight: bold;
}

#formulario div label.labelCheckbox, #formulario div label.labelRadio {
  float: none;
  display: block;
  width: 200px;
  zoom: 1;
  padding: 0;
  margin: 0 0 5px 142px;
  text-align: left;
}

#formulario div fieldset label.labelCheckbox, #formulario div fieldset label.labelRadio {
  margin: 0 0 5px 0;
  width: 170px;
}

#formulario div img {
  border: 1px solid #000000;
}

p.error {
  background-color: #ff0000;
  background-image: url(/images/icon_error.gif);
  background-repeat: no-repeat;
  background-position: 3px 3px;
  color: #ffffff;
  padding: 3px 3px 5px 27px;
  border: 1px solid #000000;
  margin: auto 100px;
}

#formulario div.error {
  background-color: #ffffe1;
  background-image: url(/images/required_bg.gif);
  background-repeat: no-repeat;
  background-position: top left;
  color: #666666;
  border: 1px solid #ff0000;
}

#formulario div.error p.error {
  background-image: url(/images/icon_error.gif);
  background-position: top left;
  background-color: transparent;
  border-style: none;
  font-size: 88%;
  font-weight: bold;
  margin: 0 0 0 118px;
  width: 200px;
  color: #ff0000;
}

#formulario div select, #formulario div textarea {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

#formulario div input.inputText, #formulario div input.inputPassword {
  width: 200px;
  padding: 1px 3px;
  margin: 0 0 0 0;
}

#formulario div input.inputFile {
  width: 211px;
}

#formulario div select.selectOne, #formulario div select.selectMultiple {
  width: 211px;
  padding: 1px 3px;
}

#formulario div input.inputCheckbox, #formulario div input.inputRadio, input.inputCheckbox, input.inputRadio {
  display: inline;
  height: auto;
  width: auto;
  background-color: transparent;
  border-width: 0;
  padding: 0;
  margin: 0 0 0 140px;
}

#formulario div.submit {
  width: 214px;
  padding: 0 0 0 146px;
}

#formulario div.submit div {
  display: inline;
  float: left;
  text-align: left;
  width: auto;
  padding: 0;
  margin: 0;
}

#formulario div input.inputSubmit, #formulario div input.inputButton, input.inputSubmit, input.inputButton {
  background-color: #cccccc;
  color: #000000;
  width: auto;
  padding: 0 6px;
  margin: 0;
}

#formulario div.submit div input.inputSubmit, #formulario div.submit div input.inputButton {
  float: right;
  margin: 0 0 0 5px;
}

#formulario div small {
  display: block;
  margin: 0 0 5px 142px;
  padding: 1px 3px;
  font-size: 88%;
  zoom: 1;
}
#lateralderecho{
background-image:url(imagenes/bg_derecha.png);
background-position:bottom;
background-repeat:repeat-x;
float:right;
margin:10px;
width:250px;}

#derecha{
float:right;
margin:20px;}