/* 
Suvima, S.A.
-----------------------------------------------------------------------------------------------

Hello. CSS is a journey and I shall be the narrator. Our story begins with myself beckoning
the aid of a few friendly css gnomes. These compassionate, forest-dwelling creatures and I 
began this journey quite awhile ago. Together, we toiled through many hardships together, 
battling foes the likes of Splinternet Explorer the Fifth and a Half and his tumultuous son, 
the Sixth, as well as W3C Standroids and Nit Picker the Validator. Alas, we have emerged 
victorious, glad to be alive and well. Here is our story in its entirety...

-----------------------------------------------------------------------------------------------
*/

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

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

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

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

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

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

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

div.flash {
	text-align:center;
	height:162px;
}

div.flash *{
	margin:auto;
}

div.menu {
	width:884px;
	height:30px;
	padding-left:30px;
	padding-right:30px;
}

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(../png/bg_bottom.png);
}

/*****************************************************
* 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.menu_admin
{
  background-image: url(../png/bg_menu_admin.png); text-align: left; text-indent: 40px; padding-top:5px; padding-bottom:7px;
}

div.menu_admin:hover
{
  background-image: url(../png/bg_menu_admin_over.png);
}

div.adm_menu
{
  padding-top:5px;
}

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

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

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

div.contenedor_contacto 
{
    text-align:center;
}

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

div.contenedor_noticias 
{
    height: 240px; text-align:justify; padding:15px; overflow: auto;
}

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: 11px Tahoma, Calibri, Arial, sans-serif; color: #FFFFFF;
}

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

div.footer 
{
    float: left;
    padding-left: 40px;
    padding-top: 5px;
    text-align: left;
    font: 11px Tahoma, Calibri, Arial, sans-serif; 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;	
}

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

/*Encabezado de Sección*/
h1 {font: bold 14px Tahoma, Calibri, Arial, sans-serif; color: #00306D; margin: 0px; padding-top: 5px; padding-left: 15px;}
/*Encabezado de Noticia*/
h2 {font: bold 14px Tahoma, Calibri, Arial, sans-serif; color: #000000; margin: 0px; padding: 0px;}
/*Fecha de Noticia*/
h3 {font: bold 13px Tahoma, Calibri, Arial, sans-serif; color: #336699; margin: 0px; padding: 0px;}
/*Gris*/
h4 {font: 11px Tahoma, Calibri, Arial, sans-serif; color: #666666; margin: 0px; padding: 0px;}
/*Verde*/
h5 {font: 11px Tahoma, Calibri, Arial, sans-serif; color: #006600; margin: 0px; padding: 0px;}
/*Rojo*/
h6 {font: 11px Tahoma, Calibri, Arial, sans-serif; color: #CC0000; 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;
}

/*****************************************************
* Tables
*****************************************************/

table.listTable
{ 
	text-align: left;
	font-family: Tahoma, Calibri, Arial, sans-serif;
	font-weight: normal;
	font-size: 11px;
	color: #333333;
	width:100%;
	border: 1px #999999 solid;
	border-collapse: collapse;
	border-spacing: 0px; 
}

td.titleList
{ 
	border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	text-align: left;
	text-indent: 10px;
	font-family: Verdana;
	font-weight: bold;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #003366;
}

td.rowOdd 
{
    border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
    background-color:#E5E5E5;
    text-align: left;
	text-indent: 5px;
}

td.rowEven
{
    border-bottom: 1px solid #999999;
	border-top: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
    background-color:#C8C8C8;
    text-align: left;
	text-indent: 5px;
}

td.rowNext
{
	text-align: right;
}

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

.menuSimple {
	font-family:Tahoma, Calibri, Arial, sans-serif;
	font-size:13px
}

/*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 */