/*
Customer:	
Revision: 	x.0
created: 	Feb, 2006
author: 	webmaster@mischunches.com
type:		screen style
*/

html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset 
	{margin: 0; padding: 0; border: 0;}
	
html, body 
	{height: 100%; background-color: #FFFFFF;}

body 
	{
	top: 0px; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; line-height:14px; color: #000000;
	}

p	{margin: 0 0 10px 0;}

a	{text-decoration:none; color:#FF9900;}

a:hover	
	{text-decoration: underline;}

h2,h3,h4
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold; line-height: 20px;
	margin: 0 0 20px 0;
	}
	
h3	{margin: 40px 0 10px 0;}

h4	{margin: 0 0 10px 0; font-size: 14px; line-height:16px;}
/*********************************************/
/* Classes                                   */
/*********************************************/

.hide 	
	{position: absolute; top: -9999px; left: -9999px;}
	
.clear
	{clear: both;}
		
.imgRight
	{float: right; margin: 0 0 10px 10px;}
	
.imgLeft
	{float: left; margin: 0 10px 20px 0;}
	
.textBox_1
	{
	border: 1px solid #99CC66;
	padding: 10px; margin: 10px 0;
	width: auto; background-color: #F5FBE8;
	}
	
.colorOrange
	{color: #FF9900;}
	
/*********************************************/
/* Div                                  */
/*********************************************/
#header_container
	{
	width: auto; height: 140px;
	background: #BBE53C url(../_img/layout/header.jpg) repeat-x;
	}
	
#header
	{
	margin: 0 auto; position: relative;
	width: 700px; height: 140px;
	}
	
#logo
	{
	width: 255px; height: 80px;
	background: #BBE53C url(../_img/layout/logo.jpg) no-repeat 0 0px;
	position: absolute; top: 25px; left: 10px;
	}
	
#logo a 
	{
	font-size: 1px; text-indent: -9999px;
  	width: 225px; height: 80px;
  	display: block; text-decoration: none;
	}

#header h1
	{
  	font-size: 1px; text-indent: -9999px;
  	width: 270px; height: 55px; display: block;
  	position: absolute; right: 10px; top: 40px;
	background: #BBE53C url(../_img/layout/h1.jpg) no-repeat;
	}
	
#telefono
	{
	position: absolute; top: 115px;	right: 15px;
	width: 100px; height: 20px;
	background: url(../_img/layout/telefono.jpg) no-repeat;
	font-size: 1px; text-indent: -9999px;
	}

#container
	{
  	margin: 0; padding:0; width: auto; height: auto;
	position: relative; background-color: #FFFFFF;
	}
	
#content
	{
  	margin: 0 auto; padding: 20px 0 0 0; width: 700px;
	background-color: #FFFFFF; line-height: 18px;
	}
	
#left_content
	{
	width: 109px; height: auto; float: left;
	border-right: 1px solid #939832;
	padding: 0 10px; margin: 0px 0 0 0;
	background-color: #FFFFFF;
	}
	
#navcontainer
	{width: 100px; height: auto;}
	
#navcontainer ul
	{
	margin: 0; padding: 0;
	list-style-type: none;
	}

#navcontainer a
	{
	display: block; padding: 10px;
	width: 85px; text-decoration: none;
	border: #FFFFFF 1px solid;
	text-align: right; color: #FF6600;
	}

#navcontainer a:hover
	{
	border: #88A13B 1px solid;
	color: #336666; background: #DEF2A2;
	}
	
#right_content
	{
	width: 530px; height: auto;
	float: right; padding: 0 10px 0 20px;
	background-color: #FFFFFF;
	}
	
#right_content .textBox_1 ul
	{margin: 10px 0 30px 30px;}
	
#right_content .textBox_1 li
	{
	padding: 5px 0 0 15px; list-style-type: none;
	background: url(../_img/icons/arrow_off.gif) 0 12px no-repeat;
	}
	
#footer_container
	{
	width: auto; height: 130px;
	margin: 0; position: relative;
	background: #BBE53C url(../_img/layout/footer_bg.jpg) repeat-x;
	border-bottom: #666666 1px solid;
	}
	
#footer
	{
	width: 680px; margin: 0 auto;
	position: relative; color: #666666;
	}
	
#footer a 
	{
	color: #FFFFFF; text-decoration: underline;
	padding: 0 .4em;
	}

#footer a:hover 
	{
	color: #003366; background-color: #CBD8E0;
	text-decoration: none;	
	}

#copyright 
	{
	width: auto;
	position: absolute; top: 45px;
	font-size: 10px;
	}

#lastupdate
	{
	width: auto;
	position: absolute; top: 45px; right: 0;
	font-size: 10px; text-align: right;
	}
	
#icons
	{
	height: 40px; width: 680px;
	position: absolute; top: 65px;
	}
	
#icons p
	{margin: 0; padding: 0;}
	
#icon_home, #icon_email, #icon_up
	{
	width: 40px; height: 40px; float: left;
	font-size: 1px; text-indent: -9999px;
	}

#icon_home
	{background: url(../_img/icons/icon_home.gif) 0 0;}
	
#icon_email
	{background: url(../_img/icons/icon_email.gif) 0 0;}
	
#icon_up
	{background: url(../_img/icons/icon_up.gif) 0 0;}
	
#icon_home a, #icon_email a, #icon_up a
	{height: 40px; display: block; text-decoration: none;}
	
#icon_home a:hover
	{background: url(../_img/icons/icon_home.gif) 0 -40px;}
	
#icon_email a:hover
	{background: url(../_img/icons/icon_email.gif) 0 -40px;}
	
#icon_up a:hover
	{background: url(../_img/icons/icon_up.gif) 0 -40px;}
	
#icon_html, #icon_css, #icon_cynthia, #icon_mc
	{
	width: 80px; height: 40px; float: right;
	font-size: 1px; text-indent: -9999px;
	}
	
#icon_html
	{background: url(../_img/icons/icon_html.gif) 0 0;}
	
#icon_css
	{background: url(../_img/icons/icon_css.gif) 0 0;}
	
#icon_cynthia
	{background: url(../_img/icons/icon_cynthia.gif) 0 0;}
	
#icon_mc
	{width: 40px; background: url(../_img/icons/icon_mc.gif) 0 0;}
	
#icon_html a, #icon_css a, #icon_cynthia a, #icon_mc a
	{height: 40px; display: block; text-decoration: none;}
	
#icon_html a:hover
	{background: url(../_img/icons/icon_html.gif) 0 -40px;}
	
#icon_css a:hover
	{background: url(../_img/icons/icon_css.gif) 0 -40px;}
	
#icon_cynthia a:hover
	{background: url(../_img/icons/icon_cynthia.gif) 0 -40px;}
	
#icon_mc a:hover
	{background: url(../_img/icons/icon_mc.gif) 0 -40px;}
	
.icon_pdf
	{
	width: 250px; margin: 0; padding: 1em 0 1em 7em;
  	display: block; font-size: 95%;
	background: url(../_img/icons/icon_pdf.gif) center left no-repeat;
	}
	
/*	*********************************************************************
	form styles 
	*********************************************************************/
.form	
	{margin: 0;}
	
.textbox,.textbox1
	{
	margin: 5px 0 20px 0; padding:2px;
	color:#333; background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}

.textbox1
	{font-size: 90%;}
	
.formulario
	{padding: 10px; color: #666666;}