/*****************************************************
* Global
*****************************************************/

body {
	background-image:url(../imagenes/bg.jpg);
	background-repeat:repeat-x;
	background-color: #00306D;
	font-family: Arial;
	font-size : 12px;
	line-height:18px;
	color:#333333;
	text-align: center;
}

/*****************************************************
* Layout
*****************************************************/

div.top {
	height:105px;
	width:944px;
	margin:0 auto;
	position:relative;
	background-image:url(../imagenes/bg_top.jpg)
}

div.logo {
	height:67px;
	width:944px;
    padding-left:60px;
	padding-top:35px;
    text-align:left;
}

div.flash 
{
	width:884px;
	margin:auto;
	text-align:center;
	height:241px;
}

div.flash_small 
{
	width:884px;
	margin:auto;
	text-align:center;
	height:161px;
}

div.menu {
	width:884px;
	height:35px;
	margin-left:30px;
	margin-right:30px;
	background-image:url(../imagenes/bg_menu.jpg);
	background-repeat:no-repeat;
}

div.middle {
	width:944px;
	margin:0 auto;
	background-image:url(../png/bg_middle.png);
}

div.teaser {
	width:260px;
	height:400px;
	margin:0 auto;
	background-image:url(../imagenes/teaser.jpg);
	text-align:right;
}

div.bottom {
	width:944px;
	height:110px;
	margin:0 auto;
	background-image:url(../imagenes/bg_bottom.jpg);
}

/*****************************************************
* Content Layout
*****************************************************/

div#col_1 {
	float: left; width: 600px; padding-left:35px; 
}

div#col_2 {
	float: right; width: 260px; padding-right:35px; 
}

div#col_1_productos {
	float: left; text-align: left; padding-left:30px; width:250px;
}

div#col_2_productos {
	float: right; text-align: left; padding-right:30px; width:250px;
}

div.productos_header 
{
  height: 30px; float:left; margin-top:5px; margin-left:5px; font-weight:bold; font-size:12px;
}

div.caja 
{
  float:left; 
}

div.separador 
{
  clear:both;
}

div.col_1_header 
{
  width: 600px; height: 30px; margin-top: 15px; background-image: url(../png/col_1_header.png); text-align: left;
}

div.col_2_header 
{
  width: 260px; height: 30px; margin-top: 15px; background-image: url(../png/col_2_header.png); text-align: left; 
}

div.header_puntos
{
  width: 150px; height: 30px; background-image:url(../png/bg_item_puntos.png);
}

div.publi_header 
{
  width: 598px; 
  height: 15px; 
  background-color:#E5E5E5;
  border-top: solid 1px #CCCCCC;
  border-left: solid 1px #CCCCCC;
  border-right: solid 1px #CCCCCC;
}     

div.contenedor_1 
{
    text-align:justify; padding:15px;
}

div.contenedor_contacto 
{
    text-align:center;
}

div.login
{
	text-align:center; padding:10px;
}

div.contenedor_noticias 
{
   text-align:justify; padding:15px;
}

div.contenedor_bg {
	 background-color:#E5E5E5;
	 border: solid 1px #CCCCCC;
	 padding: 5px;
	 text-align: justify;
	 margin-bottom: 10px;
}

div.contenedor_ayuda {

	 margin:10px;
	 text-align: justify;
}

div.w3c 
{
	margin:15px;
}

div.col_map {
	width: 390px; margin:15px; float:left; text-align:right;
}

div.col_directions {
	width: 150px; margin:15px; float:left; text-align: left;
}

div.teaser_even
{
	float:right;
	width:240px;
	height:75px;
	padding-top:25px;
	padding-right:10px;
	margin:0px;
	text-align:right;
	font: 12px Arial; color: #FFFFFF;
}

div.teaser_odd
{
	float:right;
	width:240px;
	height:75px;
	padding-top:25px;
	padding-right:10px;
	margin:0px;
	text-align:right;
	font: 12px Arial; color: #333333;
}

div.footer 
{
    float: left;
    padding-left: 40px;
    padding-top: 5px;
    text-align: left;
    font: 11px Arial; color: #FF9933;
}


div.logogrupo
{
    float: right;
    padding-right: 40px;
    padding-top: 12px;
    text-align: right;
}

table.tableform
{
	margin:0 auto 0 auto;
}

/*****************************************************
* Lists
*****************************************************/

ol {list-style: decimal outside; }

li {
line-height: 17px;
text-indent: 0px;
list-style: square;
}

blockquote {
margin : 10px;
margin-left : 30px;
padding : 0 20px 0 10px;
border-left : 5px solid #ccc;
}

/*****************************************************
* Images
*****************************************************/

img 
{
border : none;
}

/*****************************************************
* Linkage
*****************************************************/

a, a:link, a:visited {
color : #666666;
text-decoration : none;
}
a:hover {color: #666666; text-decoration:underline}

a.link_admin,a.link_admin:visited,a.link_admin:active,a.link_admin:focus,a.link_admin:link
{
	font-size:12px;
	color : #FFFFFF;
	text-decoration: none;
}
a.link_admin:hover
{
	font-size:12px;
	color : #222222;
	text-decoration: none;	
}

a.link_noticias
{
	font-size:12px;
	font-weight:bold;
	color : #00306D;
	text-decoration: none;
}

a.link_noticias:hover
{
	font-size:12px;
	font-weight:bold;
	color : #00306D;
	text-decoration: underline;	
}

/*****************************************************
* Typography
*****************************************************/

/*Título Azul*/
h1 {font: bold 16px Arial; color: #00306D; margin: 0px; padding-top: 5px; padding-left: 15px;}
/*Título Negro*/
h2 {font: bold 14px Arial; color: #000000; margin: 0px; padding: 0px;}
/*Subtítulo Azul*/
h3 {font: bold 12px Arial; color: #6699CC; margin: 0px; padding-top: 5px;}
/*Gris*/
h4 {font: 11px Arial; color: #666666; margin: 0px; padding: 0px;}

copy {color: #FFFFFF;}

mail {font: #000000;}

/*****************************************************
* Contact Forms
*****************************************************/

#contact input.field{
	width: 200px;
}

#contact textarea{
	display: block;	
	overflow: auto;
	width: 75%;
	height: 150px;
	margin: 0;
}

/*****************************************************
* Menu
*****************************************************/

.menuSimple {
	font-family:Arial;
	font-weight:bold;
	font-size:12px
}

/*botones del menú principal*/
.menuSimple li a{
	width:146px;
	border:none;
	margin-right:0px;
	color:#FFFFFF;
	padding-top:8px;
	height:27px;
	text-align:center;
	text-decoration:none;
}

.primero{
	width:149px !important
}

/*botones de los submenús. Para que no hayan problemas en ie6 hay que indicar un width en menuSimple ul*/
.menuSimple li ul li a{
	width:146px;
	text-align:center;
	text-decoration:none;
	color:#FFFFFF;
	padding-top:8px;
	height:27px;
	border:0;
	margin:0;
}

/*botones al pasar el ratón por encima*/
.botonPrincipal:hover,.primero:hover {
	color:#FF9933;
	height:27px;
	background-image:url(../png/bg_btn_over.png);
	background-repeat:repeat-x;
}

/*botones de los submenus al pasar el ratón por encima*/
.menuSimple li ul li a:hover 
{
	color:#FF9933;
	background-color:#00306D;
}

/*cajas que contienen a los submenús.*/
.menuSimple ul 
{
	background-image: url(../png/bg_sub.png);
	border: none;
	padding:0;
	list-style:none;
	visibility:hidden;
	position:absolute;
	left:0px;/*ie7*/
	margin-left:0px;/*ie7*/
	z-index:100;
}

/*para colocar los submenus en su sitio, no hace falta tocar nada*/
.menuSimple ul,.menuSimple {float:left;list-style:none;margin:0;left:0;padding:0;}
.menuSimple li,.menuSimple a {display:block;float:left;position:relative;}
.menuSimple ul li{clear:both;}/*ie6*/

/* begin MenuSeparator */
.separator
{
	display: block;
	width: 1px;
	height: 35px;
	background-image: url('../png/MenuSeparator.png');
}

/* end MenuSeparator */

.bannerAnimado
{
	position:relative;
	background-position: 0px -160px;
	width:884px;
	height: 160px;
	overflow:hidden;
}

.linea
{
	height: 1px;
	border: 0;
	background-color: #E4E4E4;
}

/*****************************************************
* Ok & Error Messages
*****************************************************/

.okmsg {
  display: block;
  height: 22px;
  line-height: 22px;
  color: #009900;
  background: #D2FFD2 url(../png/ok.png) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border: 1px solid #009900;
}

.errormsg {
  display:block;
  height:22px;
  line-height:22px;
  color:#FF0000;
  background:#FFD2D2 url(../png/error.png) no-repeat 10px center;
  padding: 3px 10px 3px 40px;
  margin: 10px 0;
  border: 1px solid #FF0000;
}