/* Hoja de estilos general para pantalla
 *
 * Creación:  www.introtiendas.com - IntroTiendas  31/10/2006
 * Ultima modificación: IntroTiendas 31/10/2006
 *
 *
 * Se comienza haciendo una limpieza de navegadores, esto es, igualar all los aspectos no
 * comtemplados por el w3c o cualquier diferencia entre ellos.
 * Luego se editan los estilos de capas.
 *
 * Los ** son references a los bloques a estilos agrupados. haga CTRL+F, F3, o cualquiera que sea el
 * comando de búsqueda de su editor para situarse al principo de cada block y editar los estilos.
 *
 * Copyright (c) introtiendas.com
 */
* { margin: 0px; padding: 0px; }

html, body{
  min-height: 100%;height: 100%;
}

img {
  border: 0px;
}

iframe {
  border: 0px solid #b8b8b8;
  margin-top: 15px;
}

/*
:active { outline: thin solid black}
:focus { outline: thick solid #FFdddd}
*/

/* ** forms **/
fieldset {
  border: 1px solid #096f99;
  padding: 5px;
  margin: auto;
}

legend {
  color: #fff;
  background: #FF8A45;
  border: 1px solid #096f99;
  padding: 1px 6px;
  font-weight: bold;
}

form { 
  margin: 0px;
  margin-left: 0px;
  margin-right: 0px;
}

label{
  font-family: Arial,sans-serif;
  font-weight: bold;
  margin: 0px;
  padding: 0px;
  display: block;
}

select {
  border: 1px solid #096f99;
  margin: 3px 0px 3px 0px;
} 

input { 
  margin: 2px 10px 3px 0px;
}
textarea {
  margin: 0px;
  padding: 0px;
  margin-top: 5px;
  font-size: 1.0em;
  font-family: verdana, sans-serif;
}
/** Formularios */

/* ** Limpieza general */
body { 
   font-family: Verdana, Arial,sans-serif;
   font-size: 76%;
   background-color: #033057;
   /*background-color: #666;*/
   background-color: white;
}

img.iconos {
   margin: 5px;
}

#message { background-color: white;}
/* ** Cabeceras */
h1{
 font-family: Verdana, Arial, sans-serif;
 font-size: 2.0em;
 color: black;
 text-transform: uppercase;
}
h2{
 font-family: Georgia;
 font-size: 1.3em;
 width: 100%;
 color: #444;
 margin: 2px 0 5px 0;
 border-top: 1px dotted #ccc;
 border-bottom: 1px dotted #ccc;
}
h3 {
  font-family: Tahoma, Arial,Verdana, Arial,sans-serif;
  font-size: 1.0em;
}
h4{
 font-family: Tahoma, Arial,Verdana, Arial,sans-serif;
 font-size: 1em;
 font-weight: bold;
 margin: 4px 0px;
 color: black;
 padding: 3px;
}
h5{
 font-family: Arial,Verdana, Arial,sans-serif;
 font-size: 0.8em;
}

h2.title2 { background-color: #FF9A16; color: white;padding: 3px;font-size: 1.1em;
}

h2.index {font-size: 1.4em; margin-left: 7px; padding-top: 5px;padding-left: 10px; }



/* Fin limpieza general */

.derecha {
  float: right;
}
.izquierda {
  float: left;
}


p {margin: 10px 0px 20px 0px;}

li {
  display: block;
  padding: 5px;
}

blockquote {
  margin: 15px;
  padding:5px;
}
/* Elementos */

#banda_cabecera {
  background-color: #165AA7;background-color: #002F59;
  height: 7px;width: 100%;
}

/* ** Capas */
#cabecera {
  padding:0px;margin: 0px;
  background-color: white;
  height: 119px;
  width: 100%;
}

#cabecera h1 { margin: 0px;padding: 0px;}
#cabecera h1 a:visited { margin: 0px; padding: 0px;}
#cabecera h1 a img { margin: 0px; padding: 0px;}

.container {
	width: 800px;
	margin: 0; 
	padding: 0px;
}

/* rounded */
#nav {
	margin: 0px;margin-top: -26px;
	padding: 0px;
	float: left;
	width: 440px;
	margin-left: 324px;
	border-bottom: 1px solid #ccc;
}
#nav .origen a:link, #nav .origen a:visited { 
  padding-left: 0px;
}

#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
}

#nav a:link, #nav a:visited {
	float: left;
	font-size: 0.79em;
	line-height: 14px;
	font-weight: bold;
	padding: 0 12px 6px 12px;
	text-decoration: none;
	color: #708491;
}

#nav a:link.active, #nav a:visited.active, #nav a:hover {
	color: #000;
	background: url(../img/Rounded.gif) no-repeat bottom center;
}
.actual {background: url(../img/Rounded.gif) no-repeat bottom center;}

#global {
	background-color: white;
	overflow: hidden; 
    width: 779px;
	margin: auto;
}	

#contenido{
  min-height: 385px;
  margin: auto;
  font-family: arial, verdana, sans-serif;
  color: #444444;  
  width: 100%;
}

/* **  enlaces contenido */
#contenido  a:link{
	color: #053E56;
	text-decoration: none;
}
#contenido a:visited{
	color: #053E56; 
	text-decoration: none; 
}

#contenido a:hover{
    color: #FF8A45;  
	text-decoration: none;
}

#contenido div  ul {
  margin-left: 23px;
  display: list-item;
  list-style-type: none;
}

#contenido div ul li {
 list-style-type: square;
  margin-left: 23px;
  display: list-item; 
}

/* Contenido */

#pie{
    clear: both;
   	color: #b8b8b8;
	margin-left: 1.5%;
	padding-left: 15px;
	border-top: 15px solid white;
	border-bottom: 10px solid white;
	width: 95.5%;
	height: 50px; 
    text-align: center;
    background-color: white;
}
#pie div { 
 	/*border-top: 1px solid #b8b8b8; */
	padding: 0px;
}
#pie p {
 text-align: center;
 font-size: 0.9em;
}
#pie img{
	padding: 4px 4px 4px 4px;
	vertical-align: middle;
}
#pie p a:link {color: #096f99;}    /* azul    */
#pie p a:visited { color: #053E56;}

#pie a:hover {
  text-decoration: none;
}
/* Pie */


#contacto {
   width: 45%;
   padding-left: 10px;
   margin: auto;
   float: left;
   color: #444444;
}

#contacto textarea.contacto {
   width: 300px;
   border: 1px solid #096f99;
}
#contacto input.contacto {border: 1px solid #096f99;}

#datos_contacto {
  margin-top: 0px;
  width: 55%;
  float: left;
  margin-left: -30px;
}

address { 
  margin: 3px 0px 3px 0px;
  font-style:normal;
}

.user_menu {
  display: inline;
}

/* ** Divs especiales o class especiales */
img.derecha {
	float: right;
	margin: 10px;
}
img.izquierda {
    float: left;
}

div.block_panel {clear: both;  padding: 10px; border-bottom: 1px dashed #cfcfcf; }

div.clear {
  clear: both;
  float: left;
  margin-top: 20px;
}

div.centrado {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  margin-top: 15px;
  clear: both;
}
div.login {
  margin: 15px auto;
  width: 60%; 
  text-align: left;
}
div.centrado_izquierdo {
  text-align: left;
  margin-left: auto;
  margin-right: auto;
  clear: both;
}

div.message {
  margin: 10px;
  padding: 5px;
  color: #cc0000;
  font-weight: bold;
  border: 1px solid #cc0000;
}
/* Divs especiales */

/* ** Estilos de texto */
.negrita {
  font-weight: bold;
  color: #444444;
}

.italica {
  font-style: oblique;	
}

.pequena {
  font-size: 0.80em;
  font-family: Verdana, sans-serif;
}
.extrapequena {
  font-size: 0.5em;
  font-family: Verdana, sans-serif;
}
.tachado {
  text-decoration: line-through;
}
.hightlight {
  color:#009900; 
  font-weight: bold;
}
.hightlight_error{
  color: #FF0033; 
}
.oculto {
  display: none;
}
.justificado {
 text-align: justify;
}
.permitido {
  color: #00cc00;
}
.prohibido {
  color: #cc0000;
}
.textdatos{
  text-transform:uppercase;
  font-size:0.8em;
  font-weight:700;
  font-family:verdana, sans-serif;
}
/*  Estilos de texto */

/* tables */
table,td,th {
   font-size: 1em;
   text-align: right;
   padding: 4px;
}

table.generica {
  border-collapse: collapse;
  width: 100%;
  padding: 15px;
  margin-top: 20px;
  padding: 0px;
  text-align: left;
}
td.vertical { font-weight: bold; width: 150px;}

td.icon {
  width: 95px;
  text-align: center;
}

table.centrado {
  border-collapse: collapse;
  width: 100%;
  padding: 15px;
  margin-top: 20px;
  padding: 0px;
  text-align: center;
}

.border {
   border: 1px solid #002F59;
}
/* Fin distintos estilos de div */

/* Se usa en conócenos y en contactos */
.textdatos {text-transform: uppercase; font-size: 0.8em; font-weight: bold; font-family: verdana, sans-serif;}
 
.ampliar {
  margin-top: 10px; width: 100%; float: left;
}

.imagen_article {
   width: 150px;
   float: right;
}

/* ** articles */
div.articles {
  margin-left: 10%;
  width: 70%;
  float: right;
  text-align: left;
}
div.articles ul{
  float: left;
  clear: left;
  width: 65%;  
  padding-left: 10px;
}

img.articles {
   margin-top: 20px;
   float: right;
}
p.articles { margin-top: 0px;padding-top: 0px;}

/** Artículos */
div.interior_articles {
    width: 90%;
	float: left;
	text-align: left;
	line-height: 1.6em;
	margin: -15px 0px;
}

div.interior_articles ul { float: none;clear: both; width: 100%;}
/* Artículos */

#flashcontent {
   margin-left: 16px;
   float: left;
   width: 450px;
   min-height: 400px;
}

/* Página de inicio */
#nuestras_promociones {
   float: left;
   width: 39%;
   padding-right: 3px;
   border-right: 1px dotted #ccc;
}
.nuestras_promociones_in {
  margin: 0 0 0px 1px;
}
 
#nuestras_promociones .nuestras_promociones_in div { 
  margin: 10px 0px 5px 0px;
  background-color: #EEE;
  color: #666;
  padding: 0px;
  font-family:Arial, Helvetica, sans-serif;
  font-size: 0.9em;
}

#nuestras_promociones .nuestras_promociones_in div p{ 
  margin: 0px  10px 1px 10px;
}
#nuestras_promociones .nuestras_promociones_in div.izquierda {
  background-color: white;
}

#out { 
   width: 450px;
   float: left;
   margin-left: 7px;
   top: 15px;
   }
   
a.actual_promociones { color: white;display: block;background-color:#165AA7; padding:2px; margin: 2px 0px;border-right:10px solid #00213E}
/*h3 a:link{ color: white !important ;display: block;background-color:#053E56; padding:2px; margin: 2px 0px;}*/
.nuestras_promociones_in h3 a{color: white !important ;display: block;background-color:#165AA7; background-color: #002F59; padding:2px; margin: 2px 0px;}
#promotor {
  border-top: 1px dotted #ccc;
}  
#galeria div { padding-left: 0px;}

marquee {
  width: 450px;
  margin-right: 10px;
  float: right;
  font-weight: bold;
  padding: 1px;
}
address{ margin: 0px;padding: 0px;}
#situacion_gorcon {
  float: left;
  clear: both;
  margin-top: 15px;
}
.gmnoprint, .gmnoprint * {
  font-size: 0.9em;
  color: #444;
}