/* CSS Document 

	Adaptado para el proyecto
	Exulaser.com de Los Angeles, Estados Unidos
	Esta adaptación es del 04 de Junio del primer año de M. Funes :)
	Osvaldo Osorio, osvaldo.osorio@gmail.com
	En las Oficinas de Oswosmedia en Ciudad Merliot, El Salvador.

*/
html							{ 	overflow-y: scroll; }
html, body						{ 	height: 100%; }
body, th, td					{	font-family:Arial, "Trebuchet MS", "Arial Narrow";	color:#333333;
									font-size:13px; line-height:1.4em;}
body							{	background:#316AC5; margin:6px 0 0 0;	}
a:link, a:visited				{	color:#3188E7; text-decoration:none; }
a:hover							{	color:#0D68CC; text-decoration:underline;  }

input[type="text"],
input[type="password"], 
textarea, select				{	color:#3188E7; font-family:Arial, Helvetica, sans-serif; 
									font-size:13px; line-height:1.4em; padding:5px; margin:0 0 10px 0; width:340px;}
h1, h2, h3						{	margin:0; padding:0; line-height:normal; 
									font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow"; text-align:left;}
h1								{	font-size:240%; margin:8px 0; text-transform:uppercase; letter-spacing:-2px; color:#333333;}
h2								{	font-size:24px; margin:8px 0;}
.floatRight						{	float:right; margin:0 0 20px 20px;}	
.floatLeft						{	float:left; margin:0 20px 20px 0;}	



#global							{	width:960px; margin: 0px auto -30px auto;
									min-height: 100%; height: auto !important; height: 100%; 
									padding:20px; background:#fff url(../images/bgtop.jpg) top left no-repeat; }
#top							{	clear:both;	height:87px;	padding:0px; 	}
#logo							{	padding:0px 0 0 0px; width:521px; height:70px; float:left;}
#topoptions						{ 	width:327px; height:40px; float:right; text-align:right; font-size:12px;  
									padding:10px 0px 0px 0px; }
#topoptions h1					{	color:#316AC5; text-align:right;}
#topoptions a:hover				{	text-decoration:underline; color:#FF6600;}
#push							{	height:30px; clear:both;}

#menu							{	clear:both; height:36px; padding:0px 0 0 0px; 
									background:#E3F5FC url(../images/bgmenu.jpg) bottom left repeat-x; margin:0 0 26px 0;
									position:relative;
									}
#menu ul						{	margin:0; padding:0 0 0 10px; list-style:none;}
#menu ul li						{ 	float:left; padding:0px 6px 3px 0px; }
#menu a:link, #menu a:visited	{	display:block; font-size:13px; color:#71778E; text-decoration:none; text-transform:uppercase;
									font-weight:bold; font-family:"Century Gothic", "Trebuchet MS", "Arial Narrow"; padding:8px 6px 10px 6px;}
#menu a:hover					{	color: #51CCF0;}
#current a:link, 
#current a:visited				{ 	background:#51CCF0; color:#fff; }
#help							{	background:#316AC5 url(../images/bgayudar.jpg) bottom left repeat-x; position:absolute; right:0; text-align:center; }
#help a:link, #help a:visited	{	color:#fff; padding:8px 6px 6px 16px;}

/* 	**********************
	SUBMENU
	*****************/
#submenu 						{	width:180px; float:left; margin:10px 14px 0 6px; padding:0;   }
#submenu h1						{ 	color:#01B6E1;  }
#submenu ul						{	margin:0;  padding:0 0 100px 0px; list-style:none; text-align:left;}
#submenu li						{	padding:4px 0px; }
#submenu a:link, 
#submenu a:visited				{	display:block; text-decoration:none;  padding:2px 0px 2px 0px; color:#7F7F7F; 
									border-bottom:1px solid #eee; font-size:13px;   }
#submenu a:hover				{ 	color:#FF9900; }
#submenu #current a:link, 
#submenu #current a:visited		{ 	color:#0099CC; font-weight:normal; } 


/* 	***********************************************
	HOME
	*****************/
#content						{	clear:both; height:auto !important; background:#fff; } 
.home							{	background-color:#fff; }
.page							{	background-color:#fff; }

#anim							{	float:left; margin:0px 0px; width:671px; height:323px; }
#video							{	float:right; margin:0px 0px; width:272px; height:323px; border:1px solid #D5F0FB; }
#columna1						{	float:left; margin:0px 20px 0 0; width:450px; }
#columna2						{	float:left; margin:0px 0px; width:468px;  }
#projects h1					{	background:#51CCF0; color:#fff;}
#contentPage					{	float:left;width:750px;}
#portfolio						{	padding:0; margin:0; list-style:none;}

/************************************************************ 
Items como artículos o cosas a poner con imágenes...
*************************************************************/
#item							{	float:left; width:296px;  background:#fff; 
									height:160px;  padding:3px; margin:0 8px 8px 0;  font-size:11px;}

#item .head 					{	clear:both; height:18px; margin:0 0 4px 0; border-bottom:1px dotted #ccc;}
#item .head .fecha				{	width:120px; float:left}
#item .head .comentarios		{	width:120px; float:right; text-align:right;}
#item .head .fecha, 
#item .head .comentarios		{	font-size:10px; color:#999}
#item .texto					{ 	clear:both; line-height:14px; height:118px; overflow:hidden; }
#item .titulo 					{	margin:0 0 5px 0;}
#item .titulo a:link, 
#item .titulo a:visited			{	color:#1DB2EC; font-size:19px; text-decoration:none;  
									padding:0 0 2px 0; line-height:18px; font-weight:bold; /*text-transform:lowercase;*/  }
#item .titulo a:hover			{	color:#FF3399;}
#item .img						{ 	width:120px; float:left; height:70px; overflow:hidden; 
									margin:0 1px 0 0;  border-bottom:4px solid #1DB2EC;}
#item .img img					{ 	width:120px;  padding:0px; }
#item .textoholder				{	float:left; width:150px; padding:4px; }
#item .moreinfo					{	clear:both; height:20px; text-align:left; /* border-top:1px dotted #eee; */}
#item .moreinfo a:link,
#item .moreinfo a:visited		{   background:#fff; color:#1DB2EC; text-decoration:none;  
									padding:1px 12px 0px 0; font-weight:bold;}
#item .moreinfo a:hover			{	color:#FF3399;  }
#item .cat						{ 	color:#FF9900; font-size:10px; font-weight:bold; }

.news, .new							{	margin:0 0 20px 0; clear:both;}
.news img						{	float:left; margin:0 10px 20px 0; width:113px;}
.news h2						{	margin:0; padding:0; margin:0 0 0 130px;}
.news p							{	margin:0 0 0 130px; padding:0;}
/*
	PAGINACION
*/
#paginacion							{	clear:both; padding:4px 0; margin:5px 0;}
#paginacion	#info					{	float:left; padding:0 20 0 0; width:40%;  height:30px;}
#paginacion	#nav					{	float:right; padding:0 20 0 0; width:40%; text-align:left;  height:30px;}
#paginacion	#paginas				{	clear:both; padding:4px 0; margin:4px 0;}

.num								{	margin:0 6px 20px 6px; float:left; background:#fff; }
.num a:link, .num a:visited			{	text-decoration:none; color:#333; border:1px solid #ddd;   
										padding:4px 6px;  background:#fff;}										
.num a:hover						{	background:#FF9900;}

.Over								{	margin:0 6px 20px 6px; float:left; background:#FA0000;   }
.Over a:link, .Over a:visited		{	text-decoration:none; color:#fff; border:1px solid #ddd; 
										padding:4px 6px; background:#CB3D4C; }
#nav a								{	border:1px solid #eee; padding:6px 10px;}

#results .marca						{ 	clear:both; padding:6px 0 6px 0; margin:5px 0;}
#results h2							{	border-bottom:2px solid #ddd;}
#results .marca .item				{	padding:6px; border-top:1px solid #eee; border-left:1px solid #eee; }
#results .marca table td			{	border:none; }

#projects							{	background:#D5F0FB; }
#projects .project					{	clear:both; margin:0 0 10px 0; padding:10px 20px;}
#projects .project	img				{	width:113px; float:left; }
#projects .project	p				{	width:243px; margin:0 0 0 125px; }

#gallery							{	clear:both; }
#gallery .gall	img					{	width:124px; height:96px; float:left; margin:6px; padding:4px; border:4px solid #E4E4E4; background:#fff; }
#tableProyectos td					{	border-bottom:1px solid #eee;}
#tableSponsors td					{	border-bottom:1px solid #eee; border-right:1px solid #eee; padding:22px 16px;}

#tabs								{	clear:both; height:44px; border-bottom:3px solid #eee; margin:0 0 40px 0;}
.tab								{	float:left;  margin:0 1px 0 0; }
.tab a								{	color:#999999; background:#fff; padding:12px 20px; margin:0 4px 0 0; 
										font-size:24px; display:block; border:1px solid #eee; }	
#on a								{	 color:#FF6600;  background:#eee; }										

#milagros							{	clear:both; }
#milagros #destacado 				{ 	clear:both; padding:4px; border:1px solid #eee; }
#milagros #destacado #video			{ 	width:640px; height:520px; float:left; margin:0 15px 10px 0;	}
#milagros #destacado h3				{ 	margin:20px 15px 10px 650px; font-size:22px; text-transform:uppercase; color:#FF9900; font-weight:bold;	}
#otrosmilagros						{	clear:both; margin:20px 0 0 0; }
#milagros .milagro		 			{ 	float:left; width:290px; height:120px; margin:0 15px 0 0;  }
#milagros .milagro	#preview		{ 	float:left; width:120px; margin:0 5px 0 0; border:2px solid #eee; }
#milagros .milagro	p	 			{ 	width:160px; margin:0 0 0 130px; }
#milagros .milagro	a	 			{ 	font-size:16px; font-weight:bold; }

.english							{	color:#0066FF;}
/*******************
 Pie de página 
 *******************************************/

#pie							{ 	width:960px; height:90px; color:#969696; padding:0 20px;
									margin:20px auto 0 auto; clear:both; background:#fff; border-top:1px solid #eee; }
#pie a:link, 
#pie a:visited					{	color:#969696;}
.itemA							{	float:left; width:304px;}
.itemB							{	float:left; width:270px;}
.itemC							{	float:right; width:320px; text-align:right; font-size:18px;}