/*   

Theme Name: SonGener
Theme URI: http://wearemortensen.com
Author: konkas
Author URI: http://wearemortensen.com
Version: 1.0
Description: CSS básico con arreglos y selectores pre-configurados.

*/

/* @group CSS inicial */

/* Elementos que queremos limpiar completamente: */

* {
	margin: 0;
	padding: 0;
	border: none;
}

html {
	font: 62.5% "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: #000 0px 0px 0px; /* Elimina el efecto bold en Safari */
}

ul {
	list-style: none;
	list-style-type: none;
}

/* Ajustes tipográficos */

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	font-weight: normal;
	margin: 0 0 1em 0;
}

cite, em, dfn {
	font-style: italic;
}

sup {
	position: relative;
	bottom: 0.3em;
	vertical-align: baseline;
}

sub {
	position: relative;
	bottom: -0.2em;
	vertical-align: baseline;
}

li, dd, blockquote {
	margin: 0;
}

code, kbd, samp, pre, tt, var, input[type='text'], textarea {
	font-size: 100%;
	font-family: monaco, "Lucida Console", courier, mono-space;
}

del {
	text-decoration: line-through;
}

ins, dfn {
	border-bottom: 1px solid #ccc;
}

small, sup, sub {
	font-size: 85%;
}

abbr, acronym {
	text-transform: uppercase;
	font-size: 85%;
	letter-spacing: .1em;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a abbr, a acronym {
	border: none;
}

sup {
	vertical-align: super;
}

sub {
	vertical-align: sub;
}

h1 {
	font-size: 2em;
}

/* My Comment */

h2 {
	font-size: 1.8em;
}

h3 {
	font-size: 1.6em;
}

h4 {
	font-size: 1.4em;
}

h5 {
	font-size: 1.2em;
}

h6 {
	font-size: 1em;
}

/*** LINKS: Recuerda utilizar siempre la regla del LoVe-HAte ***/

a, a:link, a:visited, a:hover, a:active {
	/*  
	Si quisieramos eliminar la línea de puntos que aparece al pulsar un enlace, aplicaríamos la siguiente propiedad:
	
	outline: 0;
	
	Sin embargo no se recomienda, por temas de accesibilidad para navegación con teclado (lo cual implica temas legales, un tema peliagudo).
	*/
	text-decoration: none;
}

a img {
	border: none;
	text-decoration: none;
}

img {
	border: none;
	text-decoration: none;
	/*
	Si añades un background aparecerá como fondo de la imagen, útil para imágenes de carga.
	*/
}

/* Forms */

label, button {
	cursor: pointer;
}

input, input:focus, textarea, textarea:focus {
	background-color: #dcd9d4;
	padding: 4px;
	font: normal 100% "Lucida Grande", Lucida, Verdana, sans-serif;
	width: 60%;
}

fieldset {
	border: none;
}

/* Clases útiles */

/* @group Clearfix */

.clearfix:after {
	content: ' ';
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	font-size: 0;
	height: 0;
}

.clearfix {
	display: inline-block;
}

html[xmlns] .clearfix {
	display: block;
}

/* @end */

.clear {
	clear: both;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/* @end */

/* @group HTML > BODY > WRAPPER */

/* Para empezar un layout centrado: */

body {
	text-align: center; /* Hack para que IE6 no de problemas */
	background: url(images/bg.gif) repeat;
}

#wrapper {
	margin: 0 auto;
	text-align: left;
	width: 960px;
}

/* @end */

/* @group TIPOGRAFIAS */

body {
	color: #553e36;
	font: 1.15em normal "Lucida Grande", Lucida, Verdana, sans-serif;
}

h1 {
	font: 1.5em bold Arial, Verdana, Sans-serif;
}

h2 {
	font: 1.25em bold Arial, Verdana, sans-serif;
}

/* @end */

/* @group HEADER */

#header {
	padding: 18px 0 0 15px;
	height: 75px;
}

div.logo {
	float: left;
	height: 62px;
	overflow: hidden;
}

div.logo h1 a {
	background: url(images/logo.gif) no-repeat;
	width: 114px;
	height: 62px;
	text-indent: -9999px;
	margin: 0;
	display: block;
	outline: none;
}

#menu {
	float: right;
	padding: 12px 0 0 0;
	width: 820px;
}

div.language ul, div.nav ul {
	float: right;
}

div.language li, div.nav li {
	float: left;
}


div.language ul {
	font-size: 1em;
}

div.language span {
	font-size: 0.8em;
	color: #8c6658;
}

div.language a {
	color: #a39b98;
	padding: 11px;
}

div.language a.active {
	color: #7c5f56;
	font-weight: bold;
}

div.language a:hover {
	color: #7c5f56;
}

div.nav {
}

div.nav ul {
	font-size: 1.2em;
	margin-bottom: 0;
}

div.nav span {
	font-size: 0.8em;
	color: #cdcdcd;
}

div.nav a {
	padding: 10px;
	display: block;
	color: #7c5f56;
	border-top: 1px solid #f3f3ef;
	outline: 0;
}

div.nav li.current_page_item a {
	background: url(images/navbg.gif) repeat-x;
	color: #fff;
	text-shadow: #a99893 1px 1px 0;
}

div.nav a:hover {
	background: #cfc3c0;
	color: #fff;
	text-shadow: #a99893 1px 1px 0;
}

div.nav a.active {
	/*font-weight: bold;*/
}

/* @end */

/* @group CAROUSEL */

#carousel {
	width: 960px;
	height: 539px;
}

.navi {
	position: absolute;
	height: 59px;
	width: 960px;
	top: 480px;
}

#carousel a.previous-foto {
	background: transparent url(images/arrow-left.gif) no-repeat left top;
	float: left;
	display: block;
	height: 59px;
	width: 59px;
	text-indent: -9999px;
}
#carousel a.next-foto {
	background: transparent url(images/arrow-right.gif) no-repeat left top;
	float: right;
	display: block;
	height: 59px;
	width: 59px;
	text-indent: -9999px;
}

#carousel a.previous-foto:hover, #carousel a.next-foto:hover {
	background-position: left bottom;
}


#carousel .navi .caption {
	float: left;
}

#carousel .navi .caption p {
	width: 842px;
	text-align: center;
	padding: 21px 0;
	margin: 0;
	font-size: 1.2em;
	text-shadow: #fff 0 2px 0;
}

#carousel .navi .caption p a {
	color: #a39b98;
	font-weight: bold;
	margin-left: 5px;
}

#carousel .navi .caption p a:hover {
	color: #7c5f56;
}

#staticimg {
	width: 960px;
}

/* @end */

/* @group CONTENT */

#content h2 {
	font: bold 1.1em Arial, Helvetica, sans-serif;
	text-shadow: #fff 0px 1px 0;
	text-transform: uppercase;
}

#content h3 {
	font: bold 1.1em "Lucida Grande", Lucida, Verdana, sans-serif;
	text-shadow: #fff 0px 1px 0;
	margin: 0;
}

#content p {
	line-height: 1.5;
}

#content {
	width: 940px;
	margin: 0 auto;
	padding: 64px 0 0 0;
	color: #553e36;
}

div.span-1, div.span-2, div.span-3, div.span-4 {
	float: left;
	display: inline;
}

div.span-1 {
	width: 293px;
}

div.span-2 {
	width: 606px;
}

div.span-3 {
	width: 940px;
}

div.span-4 {
	width: 440px;
}

div.first {
	padding-left: 0;
}

div.second {
	padding-left: 20px;
}

div.last {
	padding-left: 40px;
	margin-right: 0;
}

div.span-1 h4 {
	text-align: right;
	font-size: 110%;
	margin: 20px 0 0 0;
}

div.span-1 h4 a {
	background: #a99893;
	padding: 7px 12px;
	color: #fff;
	text-shadow: #866c63 1px 1px 0;
}

div.span-1 h4 a:hover {
	text-decoration: underline;
}

input.imprimir {
	background: #a99893;
	padding: 7px 12px;
	color: #fff;
	text-shadow: #866c63 1px 1px 0;
	float: right;
	cursor: pointer;
}

input.imprimir:hover {
	text-decoration: underline;
}

div.span-1 span.box {
	background: /*#c2b6b2*/;
	display: block;
	padding: 30px;
	text-align: center;
	color: /*#fff*/#a49692;
	text-shadow: /*#a49692*/#fff 1px 1px 0;
	/* font-size: 0.95em; activar en caso de querer el texto del precio más pequeño */
}

div.span-1 span.box h4 {
	color: #7c5f56;
	font: normal 2.3em Georgia, Times, serif;
	background: url(images/pricebg.gif) no-repeat 5px 17px;
	margin: 0;
	text-shadow: #dad1cc 0px 1px 0;
}

div.span-1 span.box h4 span {
	font: normal 0.6em "Lucida Grande", Lucida, Verdana, sans-serif;
	margin: 0 0 0 -4px;
}

div.span-1 span.box span {
	color: #7c5f56;
	font: italic 0.95em "Lucida Grande", Lucida, Verdana, sans-serif;
	padding: 0 0 30px 0;
	text-shadow: #dad1cc 0px 1px 0;

}

div.span-1 span.box a {
	color: /*#fff*/#7c5f56;
	text-decoration: underline;
	font-weight: bold;
}

div.span-1 span.box a:hover {
	text-decoration: none;
}

div.span-4 h3 span {
	font-size: 110%;
}

div.span-4 h3 span.italic {
	font: normal 90% Georgia, serif;
	font-style: italic;
	padding: 0 5px;
}

div.span-4 h3 a {
	color: #a39b98;
	border-bottom: 1px solid #a39b98;
	font-weight: normal;
}

div.span-4 h3 a:hover {
	color: #7c5f56;
	border-bottom: 1px solid #7c5f56;
}

div.span-4 h3 a.in {
	color: #7c5f56;
	border-bottom: 1px solid #7c5f56;
	font-weight: bold;
}

ol li {
	margin-bottom: 8px;
	list-style-position: inside;
}

.precio {
	margin: 30px 0 0 0;
}

ul.formulario {
	padding: 20px 0 0 0;
}

.formulario li {
	padding: 10px 0 2px 0;
}

.spacer {
		height: 48px;
}

div.span-4 button.fake-input{
	width: 130px;
	height: 39px;
	display: block;
	color: #fff;
	text-shadow: #635856 1px 1px 0;
	background: url(images/envial.jpg) repeat-x;
	font-size: 1.2em;
}

div.span-4 button:hover.fake-input {
	background-position: left bottom;
}

input.short, input.short:focus  {
	width: 10%;
}

input.med, input.med:focus {
	width: 25%;
	background: #dcd9d4 url(images/calendar-bg.gif) no-repeat;
}

select.marg {
	margin-top: 5px;
}

label span {
	color: #a39b98;
}

img.calendar {
	vertical-align: middle;
	padding: 0 0 4px 10px;
	cursor: pointer;
	display: none;
}

p.error {
	border: 1px dotted #fd8b7a;
	background: #fececb;
	padding: 5px;
	text-align: center;
}

p.success {
	border: 1px dotted #7c7372;
	background: #afa4a4;
	padding: 5px;
	text-align: center;
	color: #fff;
	text-shadow: #a99893 1px 1px 0;
}

/* @end */

/* @group GALLERY */

.photo {
	margin: 0px;
	position: relative;
	width: 145px;
	height: 115px;
	float: left;
}

.photo img {
	background: #fff;
	/*border: solid 1px #d0c8c4;*/
	padding: 4px;
}

/*.photo span {
	width: 20px;
	height: 18px;
	display: block;
	position: absolute;
	top: 12px;
	left: 12px;
	background: url(sample.gif) no-repeat;
}*/

.photo a {
	text-decoration: none;
}

.photo img:hover {
	/*background: #553e36;*/
	/*border:1px solid #553e36;*/
}


/* @end */

/* @group FOOTER */

#footer {
	clear: both;
	text-align: center;
	padding: 99px 0 40px 0;
}

#footer ul {
	display: block;
	text-align: center;
	border-top:1px solid #F3F3EF;
	border-bottom:1px solid #F3F3EF;
	padding:10px 0 10px 0;
}

#footer li {
	display: inline;
	text-align: center;
}

#footer span {
	font-size: 0.8em;
	color: #cdcdcd;
}

#footer li a {
	padding: 0 7px 0 5px;
	color: #a39b98;
}

#footer li a:hover, #footer address a:hover {
	color: #7c5f56;
}

#footer address {
	font-size: 1em;
	clear: both;
	color: #a39b98;
	font-weight: normal;
	font-style: normal;
}

#footer address a {
	color: #a39b98;
}

#convent {
	margin: 20px 0 0;
}

#convent small {
	float:left;
	color: #a39b98;
	margin:25px 0 0 250px;
}

.convent {
	display: inherit;
	background: transparent url(images/convent_logo.gif) no-repeat 200px 0;
	width: 500px;
	height: 68px;
	text-indent: -9999px;
	margin: 0 auto;
}

/* @end */

/* @group BANNER-HOME */

a.banner {
	height: auto;
	overflow: hidden;
	background: #f4eceb;
	display: block;
	margin: 0;
	border: 1px solid #b7b7b7;
}

span.banner-img {
	height: 103px;
	padding: 10px;
	float: left;
}

span.banner-text {
	display: block;
	padding: 10px;
	font-size: 0.9em;
}

span.banner-text .h5-banner, span.banner-text .p-banner {
	font: 12px normal "Lucida Sans", "Lucida Grande", Arial, Verdana, sans-serif;
	text-shadow: #d7cac7 0px 1px 0px;
	display: block;
}

span.banner-text .h5-banner {
	color: #393534;
	margin: 0 0 10px 0;
	font-size: 14px;
	font-weight: bold;
}

span.banner-text .p-banner {
	color: #655e5c;
	margin: 0;
	line-height: 18px;
}

/* @end */