﻿/* -------------------------------------------------------------- 

	LAYOUT

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

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

	DEFAULT
	
-------------------------------------------------------------- */


body{background-color: #fff;}

a.anchorLink {background:transparent url('../images/fam-icons/arrow_up.png') no-repeat scroll 0 -1px; padding:2px 0 0 21px;}

/* -------------------------------- 
	CENTER ALL Class Size 706px + 80p padding = 786px
-------------------------------- */

	div#header div.size, div#nav ol.size, div#welcome.size, div#desc_head, div#desc_head_blue, div.btt1, div.btt2, div#blog, div#footer div#foot, div.content div#error {margin: 0 auto; overflow: hidden; width: 706px;}
	div#header div.size, div#nav ol.size {padding: 0 40px;}


/* -------------------------------- 
	Color
-------------------------------- */

div.color1 {background-color: #000;}
div.color2 {background-color: #BFE5F2; padding-bottom: 49px;}

div.btt1 {background: transparent url('../images/bg-btt1.png') no-repeat 0 bottom; margin-top: -21px;}
div.btt2 {background: transparent url('../images/bg-btt2.png') no-repeat 0 bottom;}


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

	TOP (header)

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


/* -------------------------------- 
	Headre
-------------------------------- */

	div#header{background: #fff; overflow: hidden;}
		div#header h1 a, div#header div a{background: #000 url('../images/blue-lemon-logo.png') no-repeat; border: none; display: inline; float: left; height: 36px; margin: 42px 0; text-indent: -2000px; width: 318px;}
		
		div#header h2 {padding: 0;}

		
		div#header p {float: right; padding-top: 42px; width: 290px;}
		
	/* -------------------------------- 
		nav
	-------------------------------- */

		div#nav {background: #BFE5F2 url('../images/bg-nav.png') repeat-x; height: 71px;}
			div#nav ol.size {background: transparent url('../images/bg-menu-nav.png') no-repeat 0 bottom; clear: both; height: 71px; overflow: hidden;}
				div#nav ol.size li {float: left; display: inline; margin: 21px 11px 0 0;}
				div#nav ol.size li a {background-color: #0099CC; padding: 4px 7px;}
				div#nav ol.size li a.anchorLink {background-image: none;}
				
					div#nav ol.size li.current a{background-color: #000;}
					
					div#nav ol.size li a:hover{color: #fff; background-color: #000;}
				
				div#nav ol.size li.rss_head {float: right;}
					div#nav ol.size li.rss_head a{background: none; padding: 0;}


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

	Home

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


	/* -------------------------------- 
		Welcome
	-------------------------------- */
		div#welcome {height:171px;}
		div#welcome, div#desc_head {background: transparent url('../images/bg-welcome.png') no-repeat 0 bottom;}
		div#desc_head_blue {background: transparent url('../images/bg-welcome-blue.png') no-repeat 0 bottom;}
			div#welcome p#desc_home {margin: 0; padding: 0;}


	/* -------------------------------- 
		Próximos eventos
	-------------------------------- */

	div#prox_eventos {margin: 0 auto; overflow: hidden; width: 830px;}
		div#prox_eventos h2 {padding: 63px 62px 21px;}
		div#prox_eventos p {padding: 21px 62px 0;}
	
		div#prox_eventos div.vevent{display: inline; float: left; padding: 21px 62px 0;}
			div#prox_eventos div.vevent p {padding: 0;}
			
			div#prox_eventos div.vevent ul li.evento {background:transparent url(../images/fam-icons/tag_blue.png) no-repeat scroll 0 3px; padding:2px 0 0 22px;}
			div#prox_eventos div.vevent ul li.fecha, div#magazine div.maga_blog ul li.fecha {background:transparent url(../images/fam-icons/date.png) no-repeat scroll 0 3px; padding:2px 0 0 22px;}
			div#prox_eventos div.vevent ul li.location {background:transparent url(../images/fam-icons/map.png) no-repeat scroll 0 3px; padding:2px 0 0 22px;}

	/* -------------------------------- 
		Agencia Blue Lemon
	-------------------------------- */
		
		div#agencia {margin: 0 auto; overflow: hidden; width: 830px;}
		
			div#agencia div#agen_info {margin-bottom: 63px; overflow: hidden; padding: 0 62px;}
		
				div#agencia table {clear: both; margin: 0 62px 63px; text-align: left; width: 706px;}
		
				div#agencia h3, div#agencia table caption {padding-bottom: 18px;}
		
					div#agencia table thead tr th, div#agencia table tbody tr th, div#agencia table tbody tr td {padding: 7px;}
					div#agencia table thead tr th {background-color: #000;}
					div#agencia table tbody tr th {width: 35%;}
					div#agencia table tbody tr td.agen_date {width: 30%;}
					div#agencia table tbody tr td.agen_pdf {width: 10%;}
						div#agencia table tbody tr td.agen_pdf a {background:transparent url(../images/fam-icons/page_white_acrobat.png) no-repeat scroll 0 0; padding:2px 0 0 22px;}
						
					#extra-agencia {padding:0 62px;}
				
		/* -------------------------------- 
			Formularios
		-------------------------------- */
		
			div#agencia form fieldset label, div#agencia form fieldset span.reqtxt, div#agencia form fieldset span.emailreqtxt {display: none;}
			
			div#agencia form fieldset legend {margin: 0; padding: 0 62px 42px;}
			
			div#agencia form fieldset ol {margin-bottom: 0; overflow: hidden; padding: 0 62px 0 48px;}
			
			div#agencia form fieldset ol li {display: inline; float: left; padding: 0 0 21px 14px;}
			
				div#agencia form fieldset ol li.textonly {padding-right: 28px;}
			
				div#agencia form fieldset ol li.cf-box-title {display: inline; float: left; padding-right: 14px;}
				div#agencia form fieldset ol li.cf-box-group label {display: inline;}
			
				div#agencia form fieldset ol li input {border: 0; padding: 14px; width: 318px;}
					div#agencia form fieldset ol li input.cf-box-b {margin-left: 14px; padding: 0 7px 0 0; width: 14px;}
			
				div#agencia  form fieldset ol li textarea {border: 0; clear: both; padding: 14px; width: 676px;}
			
			div#agencia p input.sendbutton {border: 0; background-color: #000; cursor: pointer; color: #fff; margin: 0 62px; padding: 14px; width: 706px;}
			
			div#agencia form fieldset.cf_hidden {display: none; margin: 0; padding: 0;}
			
			div#agencia p.linklove {display: none;}


	/* -------------------------------- 
		Magazine Blue Lemon
	-------------------------------- */

		div#magazine {margin: 0 auto; overflow: hidden; padding-bottom: 21px; width: 830px;}

			div#magazine div#maga_info {margin-bottom: 42px; overflow: hidden; padding: 0 62px;}
					div#magazine div#maga_info p a{background: none; padding: 0;}
			
			div#magazine div#maga_articulos {clear: both; overflow: hidden; padding: 0 62px;}

				div#magazine h3{margin-bottom: 42px;}
				
		/* -------------------------------- 
			Magazine Blog
		-------------------------------- */

			div#magazine div.maga_blog{display: inline; float: left; padding: 21px 0 42px 62px; width: 194px;}
				div#magazine div.maga_blog p {padding: 0;}


		/* -------------------------------- 
			Magazine Etiquetas
		-------------------------------- */
		
			div#magazine div#rel_tags {margin-bottom: 42px; padding: 0 62px 21px;}
			
			div#magazine div#rel_tags h3 {margin-bottom: 21px;}
				
				div#magazine div#rel_tags ul {overflow: hidden; margin-bottom: 0;}
					div#magazine div#rel_tags ul li {display: inline; float: left; padding: 3px;}
			
			div#magazine div.maga_blog ul li.lea{background: transparent url('../images/fam-icons/book_open.png') no-repeat scroll 0 3px; padding:2px 0 0 22px;}
			

		/* -------------------------------- 
			Formularios
		-------------------------------- */

			div#magazine form {clear: both;}
				div#magazine form fieldset label, div#magazine form fieldset span.reqtxt, div#magazine form fieldset span.emailreqtxt {display: none;}

				div#magazine form fieldset legend {padding: 0 62px 42px;}

				div#magazine form fieldset ol {margin-bottom: 0; overflow: hidden; padding: 0 62px 0 48px;}

				div#magazine form fieldset ol li {display: inline; float: left; padding: 0 0 21px 14px;}

					div#magazine form fieldset ol li.textonly {padding-right: 28px;}

					div#magazine form fieldset ol li.cf-box-title {display: inline; float: left; padding-right: 14px;}
					div#magazine form fieldset ol li.cf-box-group label {display: inline;}

					div#magazine  form fieldset ol li input {background-color: #BFE5F2; border: none; padding: 14px; width: 318px;}
						div#magazine form fieldset ol li input.cf-box-b {background-color: transparent; margin-left: 14px; padding: 0 7px 0 0; width: 14px;}

					div#magazine  form fieldset ol li textarea {background-color: #BFE5F2; border: none; clear: both; padding: 14px; width: 676px;}

				div#magazine p input.sendbutton {border: none; background-color: #000; cursor: pointer; color: #fff; margin: 0 62px; padding: 14px; width: 706px;}

				div#magazine form fieldset.cf_hidden {display: none; margin: 0; padding: 0;}

			div#magazine p.linklove {display: none;}


	/* -------------------------------- 
		Galería de Imágenes
	-------------------------------- */

		div#gallery {margin: 0 auto; overflow: hidden; width: 830px;}
			div#gallery div#gal_info {padding: 0 62px;}
			
			div#gallery div#foto_full {padding: 21px 62px;}
				div#gallery div#foto_full a {background-color: #fff; display: block; height: 250px; padding: 21px; text-align: center; width: 663px;}
				div#gallery div#foto_full div#foto_masc {background-color:#000000; color:#FFFFFF; height:42px; margin:-77px 21px; filter: alpha(opacity=80); opacity: .8; padding:7px; position:absolute; width:649px; z-index:50;}
		
		div#gallery ul.gal_blog {margin: 0; overflow: hidden;}
			div#gallery ul.gal_blog li {display: inline; float: left; padding: 21px 0 21px 62px;}
				div#gallery ul.gal_blog li a {background-color: #fff; display: block; height: 126px; padding: 21px; text-align: center; width: 152px;}


	/* -------------------------------- 
		Enlaces Recomendados
	-------------------------------- */

		div#enlaces {margin: 0 auto; overflow: hidden; width: 830px;}

			div#enlaces h2 {padding: 63px 62px 42px;}
			
			div#enlaces p {padding: 0 62px 0 62px;}

			div#enlaces ul.enla_rec{margin-bottom:0;overflow: hidden;padding: 21px 0 0 62px;}
			.linkcat{display: inline;float: left;width:192px;}
			.blogroll{display: inline;float: left;}

	/* -------------------------------- 
		Contacta con nosotros
	-------------------------------- */

		div#contacto {margin: 0 auto; overflow: hidden; width: 830px;}
		
		div#contacto form {clear: both;}
			div#contacto form fieldset label, div#contacto form fieldset span.reqtxt, div#contacto form fieldset span.emailreqtxt {display: none;}
			
			div#contacto form fieldset legend {padding: 63px 62px 42px;}
			
			div#contacto form fieldset ol {margin-bottom: 0; overflow: hidden; padding-left:48px;}

			div#contacto form fieldset ol li {display: inline; float: left; padding-bottom: 21px;}

				div#contacto form fieldset ol li.textonly {clear: both; display: block; float: none; padding: 0 62px 21px 14px;}
				
				div#contacto form fieldset ol li.textonly ol.vcard {padding: 0; text-align: left;}
					div#contacto form fieldset ol li.textonly ol.vcard li {display: block; float: none; padding: 0;}

				div#contacto form fieldset ol li.cf-box-title {display: inline; float: left; margin-left: 14px; padding-right: 14px;}
				div#contacto form fieldset ol li.cf-box-group label {display: inline;}

				div#contacto  form fieldset ol li input {background-color: #fff; border: none; padding: 14px; width: 318px; margin-left: 14px;}
					div#contacto form fieldset ol li input.cf-box-b {background-color: transparent; margin-left: 14px; padding: 0 7px 0 0; width: 14px;}

				div#contacto  form fieldset ol li textarea {background-color: #fff; border: none; clear: both; margin-left: 14px; padding: 14px; width: 676px;}

			div#contacto p input.sendbutton {border: none; background-color: #000; cursor: pointer; color: #fff; margin-left: 62px; padding: 14px; width: 706px;}

			div#contacto form fieldset.cf_hidden {display: none; margin: 0; padding: 0;}

		div#contacto p.linklove {display: none;}
		

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

	Blog

-------------------------------------------------------------- */
	/* -------------------------------- 
		Blog Submenu
	-------------------------------- */
	
		div#desc_head p#desc {padding: 21px 0 14px;}
		
		div#desc_head, div#desc_head_blue {background-color: #000; padding: 7px 0;}
			div#desc_head p, div#desc_head_blue p {color: #fff; margin-bottom: 7px; overflow: hidden;}
				div#desc_head ul li, div#desc_head_blue ul li {display: inline; float: left; padding: 7px 7px 7px 0;}
	
	/* -------------------------------- 
		Blog content
	-------------------------------- */
	
		div#blog {padding-bottom: 42px;}
	
			div#blog div#content {display: inline; float: left; margin-top: 42px; width: 450px;}	
	
			div#blog div#content p.postmetadata {background-color: #DFF7FF; overflow: hidden; padding:7px 14px;}
		
			div#blog div#content p.postmetadata span.tag {background: transparent url('../images/fam-icons/tag_blue.png') no-repeat scroll 0 -1px; margin-left: 7px; padding:2px 0 0 22px;}
		
			div#blog div#content p.postmetadata span.date {background: transparent url('../images/fam-icons/date.png') no-repeat scroll 0 -1px; padding:2px 0 0 22px;}

			div#blog div#content p.postmetadata span.post_comment {background: transparent url('../images/fam-icons/comments.png') no-repeat scroll 0 0; margin-left: 7px; padding:1px 0 0 22px;}
		
			div#blog div#content p, div#blog div#content dl, div#blog div#content ul, div#blog div#content ol{margin-bottom: 21px;}
		
			/*div#blog div#content div.entry{padding-bottom: 21px;}*/
				
			div#blog div#content ul{list-style: disc outside;}
			div#blog div#content ol {list-style: decimal outside;}
			
			div#blog div#content a.lea{background: transparent url('../images/fam-icons/book_open.png') no-repeat scroll 0 -1px; padding:2px 0 0 22px;}
		
			div#blog div#content p.edit, div#blog div#content div#bttpost p span.edit, div#blog div#content div#bttpost p span.edit, div#blog div#content div#messages ol li p span.edit{background: transparent url('../images/fam-icons/page_edit.png') no-repeat scroll 0 0; padding:0 14px 0 22px;}
		
		
			div#blog div#content div.post p.post_tags {background-color: #000; margin: 0; overflow: hidden; padding:7px 14px;}
			div#blog div#content p.post_tags {overflow: hidden; background: transparent url('../images/fam-icons/tag_blue.png') no-repeat scroll 0 3px; padding:0 0 0 22px;}


			div#blog div#content div.posts {}
				div#blog div#content div.posts ul li.ant{background: transparent url('../images/fam-icons/arrow_left.png') no-repeat scroll; padding: 0 22px;}
				div#blog div#content div.posts ul li.sig{background: transparent url('../images/fam-icons/arrow_right.png') no-repeat scroll; padding: 0 22px;}


			div#blog div#content div#rel_posts {border-top: 2px dotted #000; border-bottom: 2px dotted #000; margin: 21px 0 42px; padding:7px 14px 3px;}
				div#blog div#content div#rel_posts h3 {margin: 21px 0 14px;}
				
				div#blog div#content div#rel_posts li {list-style: none;}
				
			
			div#blog div#content div.wp-pagenavi {margin: 42px 0 21px;}


		/* -------------------------------- 
			Comments
		-------------------------------- */
			div#blog  div#content h2#comments{padding-top: 21px;}
				div#blog  div#content h2#comments em {display: block;}
			div#blog div#content ol.commentlist {}
				div#blog div#content ol.commentlist li {background-color: #BFE5F2; margin-bottom: 21px; padding: 21px;}
					div#blog div#content ol.commentlist li.authcomment {background-color: #ccc;}
					div#blog div#content ol.commentlist li.alt {background-color: #ffffdf;}
						div#blog div#content ol.commentlist li div.top_comment {margin-bottom: 14px; overflow: hidden;}
					
						div#blog div#content ol.commentlist li div.top_comment img {float: left; padding-right: 7px;}
						div#blog div#content ol.commentlist li div.top_comment p {margin-bottom: 0;}
						
					div#blog div#content ol.commentlist li div.comment_text {background-color: #fff; padding: 21px 21px 0;}
						div#blog div#content ol.commentlist li div.comment_text p {margin: 0; padding-bottom: 21px;}
					
				div#blog div#content div#respond {margin: 42px 0;}
					
					div#blog div#content div#respond form#commentform p input, div#blog div#content div#respond form#commentform p textarea {border: 1px solid #000; padding: 14px; width: 420px;}
					
					div#blog div#content div#respond form#commentform p input#subscribe {border: none; padding: 0 7px 0 0;}
					
					div#blog div#content div#respond form#commentform p input#submit {background-color: #000; border: none; cursor: pointer; color: #fff; width: 450px;}

		/* -------------------------------- 
			Sidebar
		-------------------------------- */

		div#blog div#sidebar {border-bottom: 35px solid #DFF7FF; float: right; margin: 112px 0 0; width: 202px;}

				div#blog div#sidebar h3 {background-color: #DFF7FF; padding:7px 14px;}
				
				div#blog div#sidebar ul, div#blog div#sidebar ol {margin-bottom: 21px; padding: 0 14px;}
					div#blog div#sidebar ul li {}
				
				div#blog div#sidebar ul.last_cmm {margin-bottom: 21px;}
					div#blog div#sidebar ul.last_cmm li {border-bottom: 1px dotted #000; margin: 0 0 14px; padding-bottom:7px;}
				
				div#blog div#sidebar div#categories {overflow: hidden;}
					div#blog div#sidebar div#categories ul.cat1 {padding-right: 14px;}
						div#blog div#sidebar div#categories ul.fll li.cat-item {width: 73px;}
				
				div#blog div#sidebar ul.wp-tag-cloud {overflow: hidden; padding: 0;}
					div#blog div#sidebar ul.wp-tag-cloud li{display: inline; float: left; padding: 2px;}

		div#blog div#sidebar div.vcard p.adr {background: transparent url('../images/fam-icons/map.png') no-repeat scroll 0 0; padding:0 0 0 22px;}
		div#blog div#sidebar div.vcard p span.tel {background: transparent url('../images/fam-icons/telephone.png') no-repeat scroll 0 0; padding:0 0 0 22px;}
		div#blog div#sidebar div.vcard p span.tagemail {background: transparent url('../images/fam-icons/email.png') no-repeat scroll 0 0; padding:0 0 0 22px;}
		div#blog div#sidebar div.vcard p a.card {background: transparent url('../images/fam-icons/vcard.png') no-repeat scroll 0 0; padding:0 0 0 22px;}


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

	FOOTER

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

	div#footer{background: #000; padding: 21px 0;}

			div#footer div#foot ol{margin: 0; overflow: hidden;}
				div#footer div#foot ol li{display: inline;float: left; margin-right: 7px;}
				
	div#footer div#foot ol li.rss{background: url('../images/feed-icon.gif') no-repeat 0 50%; padding-left: 21px;}


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

	GO-TOP

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

	div#go-top{bottom: 7px; right: 7px; position: fixed;}
