@charset "utf-8";
/* CSS Document */
@import url(reset.css);

body {
	font-size: 13px;
	background-color: #CDC2B3;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #404040;
}

a {
	text-decoration: none;
	color: #4C4C4C;
}

a:hover {
	text-decoration: underline;
}

#contenedor {
	width: 975px;
	margin: 5px auto;
	border: 1px solid #666;
}

.cursiva {
	font-style: italic;
}

.resaltado {
	font-weight: bold;
}

.subrayado {
	text-decoration: underline;
}

.centrado {
	text-align: center;
}

.oculto {
	display: none;
}

span.grande {
	font-size: 24px;
	font-weight: bold;
	color: #008000;
}


/* --- Cabecera ------------------------------------------------------------ */

#cabecera {
	height: 162px;
	background: transparent url('../images/cabecera.jpg') no-repeat 0 23px;
	border-bottom: 1px solid #3C3C3C;
}

#idiomas {
	overflow: hidden;
	height: 23px;
	font-size: 11px;
	background: transparent url('../images/idiomas.jpg') repeat-x 0 0;
}

#idiomas ul {
	float: right;
	width: 550px;
	padding: 2px 10px 0 0;
	overflow: hidden;
	zoom: 1;
}

#idiomas li {
	float: right;
	margin-left: 10px;
}

#cabecera .titulo {
	float: left;
	height: 105px;
	width: 500px;
	background: transparent url('../images/marca.jpg') no-repeat 0 0;
}

#cabecera .enlace-gva {
	float: right;
	width: 120px;
	height: 12px;
	text-align: center;
	font-size: 11px;
	color: #FFF;
	font-weight: bold;
}

#cabecera .enlace-gva-2 {
	float: right;
	clear: right;
	margin-top: 22px;
}

#menu {
	clear: both;
	height: 28px;
	padding-top: 6px;
}

#menu li {
	float: left;
	width: 216px;
	text-align: center;
}

#menu li.enlace-cac {
	width: 327px;
}

#menu li a {
	color: #FFF;
	font-size: 16px;
	font-weight: bold;
}


/* --- Contenido ----------------------------------------------------------- */

#wrapper-arriba {
	background: transparent url('../images/arriba.jpg') no-repeat center top;
	padding-top: 175px;
}

#wrapper-abajo {
	background: transparent url('../images/abajo.jpg') no-repeat center bottom;
	padding-bottom: 173px;
}

#wrapper-abajo-ninos {
	background: transparent url('../images/abajo-ninos.jpg') no-repeat center bottom;
	height: 386px;
}

#contenido {
	padding: 10px 20px;
	font-family: Verdana, Arial, sans-serif;
	overflow: hidden;
	zoom: 1;
}

.presentacion {
	width: 530px;
}

.interior {
	background: #FFF url('../images/globos.jpg') no-repeat right top !important;
}

#contenido div#condiciones {
  padding: 20px 50px;
  width: 600px;
  float: left;
}

#contenido div#precio {
	width: 120px;
	height: 90px;
	background: transparent url(../../resources/images/precio.jpg) no-repeat left top;
	float: right;
	margin: 10px 40px;
	display: inline;
	text-align: center;
	padding-top: 30px;
	font-size: 22px;
	color: #FFF;
}

#contenido h2 {
	font-family: Arial,sans-serif;
	background-color: #00A7FF;
  font-size: 26px;
  color: #FFF;
  margin: 20px 0px;
  padding: 0 5px;
  overflow: hidden;
  zoom: 1;
}

#contenido h2 span {
	float: left;
}

#contenido h2 a {
	float: right;
	font-size: 12px;
}

#contenido h3 {
	font-family: Arial,sans-serif;
	font-size: 22px;
	font-weight: normal;
	font-family: Arial, sans-serif;
	margin: 20px 0;
}

#contenido p {
	margin: 20px 0;
}

#contenido p.resaltado {
	font-family: Arial,sans-serif;
  font-size: 22px;
	text-align: center;
	font-style: italic;
	font-weight: normal;
	margin-top: 50px;
}

#contenido p.resaltado-grande {
	font-family: Arial,sans-serif;
	font-size: 22px;
  font-style: italic;
  font-weight: bold;
  text-align: center;
}

#contenido ul,
#contenido ol {
	margin: 20px 0 20px 50px;
	list-style-type: circle;
}

#contenido ol {
	list-style-type: decimal;
}

#contenido li {
	margin: 10px 0;
}

#contenido #menu-productos {
	font-family: Arial,sans-serif;
	margin: 20px 170px 40px;
	list-style-type: none;
}

#contenido #menu-productos li {
	margin: 10px 0;
}

#contenido #menu-productos a {
	text-decoration: none;
	font-size: 16px;
	font-style: italic;
	font-weight: bold;
	padding-left: 22px;
	background: transparent url(../../resources/images/tick.jpg) no-repeat left center;
	color: #00A7FF;
}

#contenido #menu-productos a:hover {
	background: #F6CD35 url(../../resources/images/tick.jpg) no-repeat left center;
}

#contenido a {
	color: #CCC;
}

#contenido a:hover {
	text-shadow: none;
	color: #FFF;
}

#contenido table {
	width: 100%;
	margin: 20px 0;
	color: #333;
	font-size: 12px;
}

#contenido th {
	font-weight: bold;
	background-color: #44687E;
	color: #FFF;
}

#contenido th,
#contenido td {
	border: 1px solid #F2F2F2;
	padding: 6px;
}

#contenido tr {
	background-color: #B2C3D7;
}

#producto1 h2 {
	background: #00A7FF url(../../resources/images/globo-rojo.gif) no-repeat 4px center;
	padding-left: 24px;
}

#producto2 h2 {
	background: #00A7FF url(../../resources/images/globo-amarillo.gif) no-repeat 4px center;
	padding-left: 24px;
}

#producto3 h2 {
	background: #00A7FF url(../../resources/images/globo-verde.gif) no-repeat 4px center;
	padding-left: 24px;
}


/* --- Pie ----------------------------------------------------------------- */

#pie {
	border-top: 1px solid #3C3C3C;
	height: 40px;
	color: #333;
	font-size: 11px;
	background-color: #FFF;
}

#pie p {
	margin: 10px 0;
	text-align: center;
}


/* --- SWF ----------------------------------------------------------------- */

.banner-flash {
	text-align: center;
}

.slice-flash {
	text-align: center;
}

.reproductor-video {
	text-align: center;
	margin: 20px 0;
}