/*
@filename skin.css
@author fernando trasviña
@changer arturo plauchu
*/
/* Home and public pages styles */
body
{
	background-color : #FAFAFA; 
	height:100%;
}

div.layout
{
	font-family :"Trebuchet MS", Arial, Helvetica, sans-serif;
	color       : #333333;
}
	div.layout th, td {
		border:0;
	}
	div.layout a{
		color     : #0B8DCC;
		text-decoration:none;	
	}
	div.layout a:hover{
		color:#39B8F4;
		text-decoration:underline;
	}
	div.layout hr
	{
		border        : none; 
		border-top    : 1px solid #CCCCCC;
		border-bottom : 1px solid #FAFAFA;
	}
	/* Titles */
	div.layout h1
	{
		position : absolute;
		top      : -1000px;
	}
	div.layout h2,
	div.layout h4
	{
		font-family   : Georgia, "Times New Roman", Times, serif;
	}
	div.layout h2
	{ 
		margin:0;
		padding:0;
	}
	div.layout h3
	{
		color     : #39B8F4;
		font-size : 15px;
	}
	div.layout h4
	{
		color       : #666666;
		font-size   : 16px;
		margin-top  : 18px;
		margin-bottom:16px;
	}
	div.layout h5
	{
		color       : #666666;
		margin-top  : 16px;
	}
	div.layout span{
		color:#39B8F4;
		font-weight:bold;
	}
	
	/* Message */
	div.layout div.message
	{
		padding    : 1em 0;
		text-align : center;
	}
		div.layout div.message div.succes,
		div.layout div.message div.notice,
		div.layout div.message div.error
		{
			padding : 0.5em;
			color   : #FFFFFF;
		}
		div.layout div.message div.succes
		{
			background-color :#99FF99;
			border:1px solid #56BC89;
			color:#56BC89;
		}
		div.layout div.message div.notice
		{
			background : #73a9ec;
		}
		div.layout div.message div.error
		{
			background-color :#FF5151;
			border:1px solid #BF0000;
			color:#FFFFFF;
		}
	/* Navigation: Must appear at top right corner of header */

		
		/**************************Nueva Navegacion******/
		div.layout div.navigation {
			width: 950px;
			height: 50px;
			margin: 0;
			padding: 0;
			background: url(/images/navigation-bg.jpg) no-repeat ;
			margin:auto;
			overflow:hidden;
		} 
		div.layout div.navigation ul {
			list-style: none;
			margin: 0;
			padding: 0;
		} 
		div.layout div.navigation ul li {
			display: inline;
			margin: 0px;
		} 
		div.layout div.navigation ul li a {
			height:33px;
			display: block;
			float: left;
			padding: 17px 15px 0 15px;
			font: bold 12px Arial;
			color: #FFF;
			text-decoration: none;
			background: url(/images/navigation-separator.png) no-repeat right center;
		} 
		
		div.layout div.navigation ul li a:hover {
			color:#134264;
			background: url(/images/navigation-hover.png) repeat-x left top;
		}
		
		div.layout div.navigation ul li#active a {
			color:#134264;
			background: url(/images/navigation-hover.png) repeat-x left top;
		}
		
		
	div.layout div.header div.content,
	div.layout div.body,
	div.layout div.footer div.content
	{
		width  : 980px;
		margin : auto;
		overflow:hidden;
	}
	div.layout div.header
	{
		background : url(/images/px_back.jpg) repeat-x;
		height     : 170px;
		overflow:auto;
		position:relative;
	}
		div.layout div.header div.content
		{
			height:165px;	
		}
			div.layout div.header div.content div.logo
			{
				background-image : url(/images/logotipo.png);
				background-repeat:no-repeat;
				height           : 97px;
				width            : 292px;
				float:left;
				margin-top:15px;
			}
		
			div.layout div.header div.content div.login
			{
				
				width            : 126px;
				height           : 30px;
				padding-top      : 7px;
				background       : transparent url(/images/login.png) no-repeat;
				text-align       : center;
				float:right;
			}
			
			div.layout div.header div.content div.login a,
			div.layout div.header div.content div.login a:visited
			{
				color           : #FFFFFF;
				text-decoration : none;
			}

	div.layout div.body
	{
		padding-top : 1em;
	}
		div.layout div.body ul
		{
			margin-top : 16px;
			margin     : 0;
		}
			div.layout div.body ul li
			{
				list-style : none;
			}
		div.layout div.body p
		{
			margin : 1em 0;
		}
		div.layout div.body .highlighted
		{
			color : #FF6600;
		}
		div.layout div.body .dark
		{
			color : #666666;
		}
		div.layout div.body .doctor-name
		{
			color       : #39B8F4;
			font-weight : bold;	
		}
		div.layout div.body div.section-title
		{
			padding-top : 1em;
		}
			div.layout div.body div.section-title hr
			{
				position     : relative; 
				top          : 5px; 
				margin-right : 8px;
			}
		div.layout div.body div.avatar-container
		{
			width:158px;
		}
		div.layout div.body div.content
		{
			width            : 100%; 
			background-color : #FAFAFA; 
			padding-bottom   : 15px;
		}
		div.layout div.body div.banner-container
		{
			width : 191px;
		}
		div.layout div.body div.banner-container img
		{
			margin-bottom : 6px;
		}
		
	div.layout div.footer
	{
		/*background-color : #3286EC;*/
		padding:5px 0;
		/*color:#FFFFFF;*/
		font-size:11px;
		margin-top:0px;
		padding-top:23px;
		border-top:2px solid #85DFFF;
	}
	div.layout div.footer a
	{
		color:#999999;
		text-decoration:none;
	}
	div.layout div.footer a:hover
	{
		color:#333333;
	}
		div.layout div.footer div.content
		{
			
		}
			div.layout div.footer div.content div.info
			{
				/*padding : 1em 0.5em;*/
			}
		
		
		/*
		Front
		*/
		div.layout div.body div.welcome
		{
			background-image : url(/images/bienvenida.jpg);
			background-repeat:no-repeat;
			width:497px;
			height:243px;
			padding:35px 30px 0 450px ;
			margin-bottom:10px;
			line-height:1.5em;
		}
			
			div.layout div.body div.welcome h2
			{
				top              : 0;
				float            : none;
				background-color : transparent;
				color            : #666666;
				padding-top      : 0px;		
			}
		div.layout div.body div.banner_front{
			margin-bottom:10px;
			height:116px;
		}
		div.layout div.body div.banner_front img{
			 border:1px solid #CCCCCC;
			 float:left;
			 height:114px;
		}
		div.layout div.body div.overview
		{
			padding-bottom : 15px;
		}
			div.layout div.body div.title,
			div.layout h2
			{
				color:#FF6600;
				font-size:192%;
				font-style:oblique;
				padding:16px 11px 16px 0;
				font-family:Georgia,"Times New Roman",Times,serif;
				text-shadow: 1px 0 1px #999999;
				font-weight:normal;
				
			}
			
			div.layout div.body div.overview h2
			{
				float : none;
				margin:0;
				top:0;
			}
				div.layout div.body div.overview h2 img
				{
					margin-left:11px;
				}
			div.layout div.body div.overview tr
			{
			
			}
				div.layout div.body div.overview tr td
				{
					vertical-align : top;
					border         : none;
				}
					div.layout div.body div.overview tr td .date
					{
						font-size : 92%;
					}
					div.layout div.body div.overview tr td .name
					{
						font-style  : oblique;
						color       : #39B8F4;
						font-weight : bold;
						font-size   : 92%;
						
					}
			div.layout div.body div.overview div.users
			{
				
				border-right : solid 1px #CCCCCC;
			}
			
			div.layout div.body div.overview div.comunities
			{
				width        : 264px;
				padding-left : 15px;
			}
			div.layout div.body div.overview div.accessories
			{
				/*width        : 450px;*/
				padding-left : 15px;
				border-left  : 1px solid #CCCCCC; 
			}
				div.accessories td
				{
					border-bottom : solid 1px #CCCCCC;
				}
		
		div.layout div.body div.question_front{
			background-image : url(/images/globo_preguntas.gif);
			background-repeat: no-repeat;
			padding:10px 55px 10px 10px;
		}
			div.layout div.body div.question_front a{
				display:block; margin-top:14px;padding-right:25px;text-align:right;
			}
		div.layout div.body div.tips_front{
			background-image : url(/images/globo_tip.gif);
			background-repeat: no-repeat;
			padding:10px 10px 10px 50px;
		}
			div.layout div.body div.tips_front a{
				display:block; margin-top:14px;padding-left:25px;
			}
		div.layout div.body div.content_login,
		div.layout div.body div.search-doctor{
			background-color:#F5F5F2;
			border:1px solid #EAE9E1;
			width:405px;
		}
		div.layout div.body div.shadow_login{
			background-image : url(/images/bodyright-bg-2.jpg);
			background-repeat: no-repeat;
			padding-left:30px;
			height:285px;
		}
		div.layout div.body div.search-doctor
		{
			width:450px;
		}
			div.layout div.body div.search-doctor label
			{
				display:block;
			}	
			div.layout div.body div.search-doctor input
			{
				margin-bottom:3px;
			}	
			div.layout div.body div.search-doctor td
			{
				border:0;
			}
		div.layout div.body div.siderbar{
			padding-left:26px; 
			overflow:hidden; 
			background-image:url(/images/bodyright-bg.jpg); 
			background-repeat:no-repeat;
		}
		div.layout div.body div.siderbar div.content_right,
		div.layout div.body div.comments_blog{
			background-color:#F5F5F2;
			border:1px solid #EAE9E1;
			overflow:hidden;
			padding:10px;	
		}
		div.layout div.body div.left-column-list
		{
			padding-right:10px;
		}
		div.layout div.body div.left-column-list div.all_list{
			padding:8px;
			border-bottom:1px solid #cccccc;
			overflow:hidden;
		}
		div.layout div.body div.comments_blog{
			margin-bottom:10px;
			
		}
		div.layout div.body div.see_more{
			display:block;
			width:100%;
			padding-top:10px;
			text-align:right;
		}
		div.layout div.body div.see_more a{
			text-align:right;
			background-image:url(/images/next.png);
			background-position:right top;
			background-repeat:no-repeat;
			padding-right:18px;
			padding-left:10px;
		}
		div.layout div.body  div.left-column-list div.list-doctor
		{
			border-bottom:1px solid #cccccc;
		}
		
		div.layout div.body  div.left-column-list div.avatar
		{
			padding:1em 0;
			overflow:hidden;
		}
		div.layout div.body  div.right-column-list
		{
			width:192px;
		}
	div.layout div.footer
	{
		margin-top:30px;
	}

div.login a:visited {
	color           : #FFFFFF;
	text-decoration : none;
}

div.login a {
	color           : #FFFFFF;
	text-decoration : none;
	font-weight: bold;
}

div.pagination{
	display:block;
	padding:10px;
	text-align:right;
	font-weight: bold;
}
div.pagination a{ 
	text-decoration : none;
	padding:2px;
	color:#C2C0A9;
}

div.pagination span{
	color:#0B8DCC;
}

div.directory a{
	color      			: #ff9c00;
	font-weight			: bold;
	padding				:2px;
	text-decoration	: none;
}

div.directory a:hover{
	color      			: #41c7f3;
	font-weight			: bold;
	padding				:2px;
	text-decoration	: none;
}

div.search a{
	color      			: #41c7f3;
	font-weight			: bold;
	text-decoration	: none;
}

div.search a:hover{
	color      			: #ff9c00;
	font-weight			: bold;
	text-decoration	: none;
}

div.layout div.body div.blog{
	padding:5px;
}
div.layout div.body div.blog a{
	text-decoration:none;
	margin-left:5px;
	font-weight:bold;
	color:#41c7f3;
}
div.layout div.body div.blog a:hover{
	color:#FF6600;
}

div.medical {
	background-image: url(/images/doctor_back.gif);
	background-repeat:repeat-x;
}


div.layout h4.show
{
	/*color:#3366cc;*/
	color:#3386EC;
	padding-bottom:3px;
	padding-left:5px;
	padding-top:3px;
	margin-bottom:5px;
	display:block;
	/*width:100%;*/
	clear:both;
	background-color:#E5F3FE;
}

.aqua{
	background-image:url('/images/aqua.gif') ; 
	width:150px; 
	border:1px solid #cccccc; 
	color:#FFFFFF;  
	font-size:13px; 
	height:25px; 
	padding:0 0 3px 0 ;
	margin-top:10px;
}

div.tag {
	font-family:"Trebuchet MS", Helvetica, sans-serif;
	font-size:14px;
}

div.tag a {
	/**/
	color:#C2C0A9;
	text-decoration:none;
	font-weight:bold;
}
/*TagCloud*/
  .css1 { font-size: 1.0em; }
  .css2 { font-size: 1.2em; }
  .css3 { font-size: 1.4em; }
  .css4 { font-size: 1.6em; }