/********************************************************************
*********************************************************************

	Mike Rosas (c) 2010
	mikzael[at]hotmail.com

	Este es un documento dentro de la visualizacion del CMS
	es la primera etapa del dise�o, define la estructura, tama�os
	margenes y otras propiedades de la estructura basica.
	Los colores, imagenes y demas est�n contenidas en el directorio
	style.

*********************************************************************
********************************************************************/


	/* RESET ***********************************************************/

	/* http://meyerweb.com/eric/tools/css/reset/
	v2.0b1 | 201101
	NOTE: WORK IN PROGRESS
	USE WITH CAUTION AND TEST WITH ABANDON */

	html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, img, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	b, u, i, center,
	dl, dt, dd, ol, ul, li,
	fieldset, form, label, legend,
	table, caption, tbody, tfoot, thead, tr, th, td,
	article, aside, canvas, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section, summary,
	time, mark, audio, video
		{
			margin: 0;
			padding: 0;
			border: 0;
			outline: 0;
			font-size: 100%;
			font: inherit;
			vertical-align: baseline;
		}

	/* HTML5 display-role reset for older browsers */
	article, aside, details, figcaption, figure,
	footer, header, hgroup, menu, nav, section
		{
			display: block;
		}

	body
		{
			line-height: 1;
		}

	ol, ul
		{
			list-style: none;
		}

	blockquote, q
		{
			quotes: none;
		}

	blockquote:before, blockquote:after,
	q:before, q:after
		{
			content: '';
			content: none;
		}

	/* remember to define visible focus styles!
	:focus {
		outline: ?????;
	} */

	/* remember to highlight inserts somehow! */
	ins
		{
			text-decoration: none;
		}

	del
		{
			text-decoration: line-through;
		}

	table
		{
			border-collapse: collapse;
			border-spacing: 0;
		}



	/* GENERALES *******************************************************/

	body
		{
			font-family: arial;
			font-size: 12px;
			line-height: 16px;
			background: #ebebeb url(../images/fondo.jpg) 0 0 repeat;
		}


	/* + GENERAL *******************************************************/


	.wrapper
		{
			width: 975px;
			margin: 0 auto;
		}




	.franja
		{
			background-color: #222;
			color: #fff;
			padding: 5px 20px;
			font-size: 16px;
			font-family: 'an';
			font-weight: normal;
		}

		.franja img
			{
				float: left;
				margin-right: 10px;
			}




	/* + HEADER ********************************************************/

	body > header
		{
			background: url(../images/menu-bg.png) 0px 70px repeat-x;
			height: 160px;
		}

		body > header div.logo
			{
				height: 160px;
				width: 180px;
			}

			body > header div.logo a
				{
					background: url(../images/logo-lpm.png) 0px 0px no-repeat;
					width: 180px;
					height: 160px;
					display: block;
				}

		body > header div.top,
		body > header nav,
		body > header div.bottom
			{
				float: right;
				width: 795px;
			}

		body > header div.top { height: 70px; text-align: right; }
		body > header nav { height: 45px; }
		body > header div.bottom { height: 45px; }

		body > header div.top p
			{
				color: #000;
				line-height: 20px;
				padding-top: 10px;
				font-size: 11px;
			}

		body > header div.top img
			{
				margin-left: 6px;
			}

		body > header div.bottom p
			{
				color: #000;
				float: right;
				line-height: 30px;
				margin-right: 30px;
				padding-left: 12px;
			}

			body > header div.bottom p:first-child { margin-right: 10px; }

			body > header div.bottom p.mail { background: url(../images/mail.png) 0px 6px no-repeat; }
			/*body > header div.bottom p.phone { background: url(images/phone.png) 0px 6px no-repeat; }*/


			body > header nav a
				{
					display: block;
					float: left;
					padding: 0 20px;
					line-height: 41px;
					color: #fff;
					font-size: 13px;

					text-decoration: none;
				}

				body > header nav a span.iconsweets
					{
						font-size: 24px;
						display: block;
						float: left;
						line-height: 32px;
						margin-right: 5px;
						color: #fff;
					}

			body > header nav a:hover
				{
					background-color: #484848;
					color: #fff;
				}

			body > header nav a.on,
			body > header nav a.on:hover
				{
					background-color: #fff;
					color: #000;
					border-bottom: 3px solid #f48120;
				}

				body > header nav a.on span.iconsweets
					{
						color: #000;
					}


	/* + FOOTER ********************************************************/

	body > footer
		{
			background: #181818;
			height: 170px;
		}

		body > footer nav
			{
				padding-top: 30px;
				padding-bottom: 5px;
			}

			body > footer nav a
				{
					color: #aaa;
					text-decoration: none;
					font-size: 12px;
					line-height: 22px;

					padding: 0 10px;
					border-right: dotted 1px #888;
				}

			body > footer nav a:last-child
				{
					border-right: 0px;
				}



			body > footer nav a:hover
				{
					color: #fff;
					text-decoration: underline;

				}

			body > footer nav a span
				{
					display: none;
				}

		body > footer div.bottom
			{
				color: #666;
				padding-left: 10px;

			}







	/* + ESTILO PARA WIDGETS ***************************************/

	.widget
		{
			width: 25%;
			float: right;
		}

		.widget section#fb-recomend
			{
				background-color: #fff;
				height: 400px;
			}


	/* SECCION AGENDA *****************/


		section#agenda
			{
				border: 1px solid #ccc;
				padding-bottom: 10px;
				background-color: #fff;
				margin-bottom: 15px;
				width: 100%;
			}

			section#agenda h2
				{
					font-size: 24px;
					font-family: 'an';
					font-weight: normal;
					color: #000;
					border-bottom: 1px solid #e0e0e0;
					width: 86%;
					margin: 10px 7% 10px 7%;
					padding: 10px 0;
				}

			section#agenda div.frame
				{
					height:660px;
					overflow: hidden;

					overflow-y: hidden;
					overflow-x: hidden;
				}

			section#agenda div.frame:hover
				{
					overflow-y: scroll;
					overflow-x: hidden;
				}

			section#agenda article.evento
				{
					display: block;
				}

				section#agenda article.evento a
					{
						font-size: 11px;
						color: #7c7c7c;
						text-decoration: none;
						line-height: 20px;
						font-family: arial;
						display: block;
						padding: 7px 25px;
					}

				section#agenda article.evento a:hover
					{
						background-color: #f5f5f5;
					}

					section#agenda article.evento a time
						{
							display: block;
							color: #005aab;
						}

					section#agenda article.evento a:hover time
						{
							color: #005aab;
						}

					section#agenda article.evento a span
						{
							display: block;
						}

					section#agenda article.evento a span.lugar
						{
							color: #000;
							font-size: 14px;
						}

					section#agenda article.evento a span.video
						{
							margin:0;
							padding:0;
							display:block;
							width: 178px;
							height: 100px;
						}

			section#agenda a.mas
				{
					background-color: #333;
					color: #ccc;
					text-decoration: none;
					display: block;
					margin-top: 10px;
					padding: 3px 15px;
				}

			section#agenda a.mas:hover
				{
					background-color: #f48120;
					color: #fff;
				}




	/* SECCION FILTRO *****************/


		section#filtro
			{
				border: 1px solid #ccc;
				padding-bottom: 10px;
				background-color: #fff;
				margin-bottom: 15px;
			}

			section#filtro h2
				{
					font-size: 24px;
					font-family: 'an';
					font-weight: normal;
					color: #000;
					border-bottom: 1px solid #e0e0e0;
					width: 86%;
					margin: 0 7%;
					padding: 10px 0;
				}

			section#filtro h3
				{
					color: #000;
					padding: 7px 25px;
				}

			section#filtro div.checkbox
				{
					color: #333;
					padding: 0 25px;
					font-size: 12px;
				}

			section#filtro input[name='filtro']
				{
					margin: 10px 25px;
				}



	/* SECCION ENLACES ****************/


		section#enlaces
			{
				border: 1px solid #ccc;
				padding-bottom: 10px;
				background-color: #fff;
				margin-bottom: 15px;
			}

			section#enlaces a.mas
				{
					background-color: #333;
					color: #ccc;
					text-decoration: none;
					display: block;
					margin-top: 10px;
					padding: 3px 15px;
				}

			section#enlaces a.mas:hover
				{
					background-color: #f48120;
					color: #fff;
				}

			section#enlaces h2
				{
					font-size: 24px;
					font-family: 'an';
					font-weight: normal;
					color: #000;
					border-bottom: 1px solid #e0e0e0;
					width: 86%;
					margin: 0 7% 10px 7%;
					padding: 10px 0;
				}

				section#enlaces .enlace a
					{
						font-size: 12px;
						color: #7c7c7c;
						text-decoration: none;
						line-height: 20px;
						font-family: arial;
						display: block;
						padding: 7px 25px;
					}

				section#enlaces .enlace a:hover
					{
						background-color: #f5f5f5;
					}

				section#enlaces .enlace a span
					{
						font-size: 11px;
						color: #000;
						font-family: arial;
						display: block;
					}

				section#enlaces .enlace a:hover span
					{
						color: #146CB0;
					}


	/* SECCION NOTICIAS ***************/


		section#noticias
			{
				border: 1px solid #ccc;
				padding-bottom: 10px;
				background-color: #fff;
				margin-bottom: 15px;
			}

			section#noticias a.mas
				{
					background-color: #333;
					color: #ccc;
					text-decoration: none;
					display: block;
					margin-top: 10px;
					padding: 3px 15px;
				}

			section#noticias a.mas:hover
				{
					background-color: #f48120;
					color: #fff;
				}

			section#noticias > h1
				{
					font-size: 24px;
					font-family: 'an';
					font-weight: normal;
					color: #000;
					border-bottom: 1px solid #e0e0e0;
					width: 86%;
					margin: 0 7% 10px 7%;
					padding: 10px 0;
				}

				section#noticias article h1
					{
						margin-left: 85px;
					}

				section#noticias article a
					{
						font-size: 12px;
						color: #7c7c7c;
						text-decoration: none;
						line-height: 20px;
						font-family: arial;
						display: block;
						padding: 7px 25px;
					}

				section#noticias article a img
					{
						float: left;
						margin: 5px 5px 0 0;
					}

				section#noticias article a:hover
					{
						background-color: #f5f5f5;
					}

				section#noticias article a span
					{
						font-size: 11px;
						color: #000;
						font-family: arial;
						display: block;
					}

				section#noticias article a:hover span
					{
						color: #146CB0;
					}


	/* SECCION LANZAMIENTOS ***********/


		section#lanzamientos
			{
				border: 1px solid #ccc;
				padding-bottom: 10px;
				background-color: #fff;
				margin-bottom: 15px;
			}

			section#lanzamientos h2
				{
					font-size: 24px;
					font-family: 'an';
					font-weight: normal;
					color: #000;
					border-bottom: 1px solid #e0e0e0;
					width: 86%;
					margin: 0 7%;
					padding: 10px 0;
					margin-bottom: 15px;
				}


			section#lanzamientos article
				{
					display: block;
					padding: 5px 10px;
					font-size: 11px;
					font-weight: 700;
				}

				section#lanzamientos article span
					{
						display: block;
						float: left;
						height: 68px;
						width: 68px;
						background-color: #999;

						border: 1px solid #e0e0e0;
						-webkit-border-radius: 7px;
						-moz-border-radius: 7px;
						border-radius: 7px;

						margin-right: 5px;
					}

					section#lanzamientos article span img
						{
							border: 4px solid #fff;
							-webkit-border-radius: 4px;
							-moz-border-radius: 4px;
							border-radius: 4px;
						}

				section#lanzamientos article h1
					{
						color: #ff7500;
						margin-left: 75px;
					}

				section#lanzamientos article p
					{
						color: #625c5c;
						margin-bottom: 5px;
						font-weight: normal;
						line-height: 16px;
						margin-left: 76px;
					}

				section#lanzamientos article a
					{
						background-color: #ff7500;
						color: #fff;
						font-size: 9px;
						padding: 2px 5px;
						text-decoration: none;

						-webkit-border-radius: 4px;
						-moz-border-radius: 4px;
						border-radius: 4px;
					}

				section#lanzamientos article a:hover
					{
						background-color: #ffa050;
					}


					section#lanzamientos a.mas
						{
							background-color: #333;
							color: #ccc;
							text-decoration: none;
							display: block;
							margin-top: 10px;
							padding: 3px 15px;
						}

					section#lanzamientos a.mas:hover
						{
							background-color: #f48120;
							color: #fff;
						}



	/* SECCION GALERIAS ***************/

			section#galerias
				{
					border: 1px solid #ccc;
					padding-bottom: 10px;
					background-color: #fff;
					margin-bottom: 15px;
				}

				section#galerias h2
					{
						font-size: 24px;
						font-family: 'an';
						font-weight: normal;
						color: #000;
						border-bottom: 1px solid #e0e0e0;
						width: 86%;
						margin: 0 7% 10px 7%;
						padding: 10px 0;
					}

				section#galerias a.mas
					{
						background-color: #333;
						color: #ccc;
						text-decoration: none;
						display: block;
						margin-top: 10px;
						padding: 3px 15px;
					}

				section#galerias a.mas:hover
					{
						background-color: #f48120;
						color: #fff;
					}



					section#galerias .enlace a
						{
							font-size: 12px;
							color: #7c7c7c;
							text-decoration: none;
							line-height: 20px;
							font-family: arial;
							display: block;
							padding: 7px 25px;
						}

					section#galerias .enlace a:hover
						{
							background-color: #f5f5f5;
						}

					section#galerias .enlace a span
						{
							font-size: 11px;
							color: #000;
							font-family: arial;
							display: block;
						}

					section#galerias .enlace a:hover span
						{
							color: #146CB0;
						}



	/* SECCION VIDEOS *****************/

			section#videos
				{
					border: 1px solid #ccc;
					padding-bottom: 10px;
					background-color: #fff;
					margin-bottom: 15px;
				}

				section#videos h2
					{
						font-size: 24px;
						font-family: 'an';
						font-weight: normal;
						color: #000;
						border-bottom: 1px solid #e0e0e0;
						width: 86%;
						margin: 0 7% 10px 7%;
						padding: 10px 0;
					}

				section#videos a.mas
					{
						background-color: #333;
						color: #ccc;
						text-decoration: none;
						display: block;
						margin-top: 10px;
						padding: 3px 15px;
					}

				section#videos a.mas:hover
					{
						background-color: #f48120;
						color: #fff;
					}



					section#videos .enlace a
						{
							font-size: 12px;
							color: #7c7c7c;
							text-decoration: none;
							line-height: 20px;
							font-family: arial;
							display: block;
							padding: 7px 25px;
						}


					section#videos .enlace a:hover
						{
							background-color: #f5f5f5;
						}

					section#videos .enlace a span
						{
							font-size: 11px;
							color: #000;
							font-family: arial;
							display: block;
						}

					section#videos .enlace a:hover span
						{
							color: #146CB0;
						}



	/* SECCION AUDIOS *****************/

			section#audios
				{
					border: 1px solid #ccc;
					padding-bottom: 10px;
					background-color: #fff;
					margin-bottom: 15px;
				}

				section#audios h2
					{
						font-size: 24px;
						font-family: 'an';
						font-weight: normal;
						color: #000;
						border-bottom: 1px solid #e0e0e0;
						width: 86%;
						margin: 0 7% 10px 7%;
						padding: 10px 0;
					}

				section#audios a.mas
					{
						background-color: #333;
						color: #ccc;
						text-decoration: none;
						display: block;
						margin-top: 10px;
						padding: 3px 15px;
					}

				section#audios a.mas:hover
					{
						background-color: #f48120;
						color: #fff;
					}



					section#audios .enlace a
						{
							text-decoration: none;
							display: block;
							margin: 0 0 10px 0;
							padding: 5px 0;
						}


					section#audios .enlace a:hover
						{
							background-color: #f5f5f5;
						}

					section#audios .enlace a span.iconsweets
						{
							font-size: 16px;
							color: #000;
							font-family: 'IconSweets';
							display: block;
							float: left;
							width: 10%;
							margin-left: 20px;
						}

					section#audios .enlace a span.titulo
						{
							font-size: 12px;
							color: #7c7c7c;
							line-height: 20px;
							font-family: arial;
							display: block;
							margin-left: 45px;
							margin-right: 15px;
						}

					section#audios .enlace a:hover span
						{
							color: #146CB0;
						}

					section#audios .enlace a:hover span.iconsweets
						{
							color: #000;
						}



	/* SECCION ENLACES ****************/
	/* SECCION ENLACES ****************/
	/* SECCION ENLACES ****************/
	/* SECCION ENLACES ****************/
	/* SECCION ENLACES ****************/
	/* SECCION ENLACES ****************/



	/* + NOTIFICACIONES ************************************************/

	div.notice
		{
			background-color: #fff;
			padding: 10px 10px 0 10px;
		}

		div.notice p
			{
				text-align: center;
				padding: 5px;
			}

		div.notice p.ok
			{
				background-color: #cfc;
				color: #060;
			}

		div.notice p.fail
			{
				background-color: #fcc;
				color: #600;
			}


	.iconsweets
		{
			font-family: 'IconSweets';
		}





/********* etiquetas basicas del tooltip ***********************************/

	#tooltip
		{
			display: block;
		}


		#tooltip .tip
			{
				background: url(../images/tooltip-arrow.png) 15px 0px no-repeat;
				height: 10px;
				marign: 0;
			}


		#tooltip .msj
			{
				background: url(../images/back_darker.png) center center repeat;
				color: #fff;
				font-size: 12px;
				padding: 10px;
				marign: 0;
				line-height: 20px;

				-webkit-border-radius: 10px;
				-moz-border-radius: 10px;
				border-radius: 10px;
			}

			/******** FORMULARIO *********/

			.boton_p {
				background: #ff8a00;
				border-radius: 3px;
				box-shadow: 0 3px 0 #d67604;
				width: 100%;
			  max-width: 200px;
				text-align: center;
			  margin: 0 auto;
			  margin-top: 20px;
				padding: 15px 0;
			}

			.boton_p a {
				color: #fff;
				text-decoration: none;
			}

			.boton_p span {
				padding-right: 10px;
			}

			.boton_p a:hover {
				color: #fff;
				text-decoration: underline;
			}

			#overlay {
					background-color: rgba(0,0,0,0.7);
				}

			#overlay .title {
					background-color: #006eab;
					color: #fff;
					padding: 10px 20px;
					font-size: 20px;
					line-height: 28px;
				}

			#overlay .footer {
					background-color: #006eab;
					padding: 10px 20px;
				}

			#popup {
					background-color: #fff;
				}

		
	div.bottom a
		{
			color: #fff;
			background: #f48120; 
			text-decoration: none;
			text-align: center;
			line-height: 80px;
			padding: 10px;
		}
			
/********* Fuentes *************************************************/

	@font-face {
		font-family: 'IconSweets';
		src: url('../fonts/iconsweets.eot');
		src: local('?'), url('../fonts/iconsweets.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'futura';
		src: url('../fonts/futura.eot');
		src: local('?'), url('../fonts/futura.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'Helv37';
		src: url('../fonts/helv37.eot');
		src: local('?'), url('../fonts/helv37.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}

	@font-face {
		font-family: 'an';
		src: url('../fonts/an.eot');
		src: local('?'), url('../fonts/an.ttf') format('truetype');
		font-weight: normal;
		font-style: normal;
	}