@charset "utf-8";
/* CSS Document */


/* ===============  CSS RESET - Missing Manual version =============== */

html, body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, pre, code, address, variable, form, fieldset, blockquote {
 padding: 0;
 margin: 0;
 font-size: 100%;
 font-weight: normal;
}

img, fieldset { border: 0; }

ol { padding-left: 1.4em; list-style: decimal; }

ul { padding-left: 1.4em; list-style:square; }

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

/* ===============  END CSS RESET =============== */


/*  ==== CSS INDEX ====

	-  MAIN SECTIONS
	-  GLOBAL
	-  NAV
	-  IMAGE
	-  CONTENT
		- Meet Team page
			- Sets Us Apart page
		- First Visit page
		- FAQ page page
		- Kids Corner page
		- Contact Us page
	-  FOOTER

*/



/* ===============  MAIN SECTIONS =============== */


body {
	font-family: Arial, Helvetica, sans-serif;
	color: #111;
}


#wrapper {
	width: 980px;
	margin: 0 auto;
}


#nav {
/*	height: 76px;	*/
	padding-top: 15px;
	padding-bottom: 20px;
	padding-left: 30px;
	background-color: #373737;
	margin-bottom: 10px;

}


#image {
	background-image: url(images/dron_imagen_selva.jpg);
	height: 432px;
	margin-bottom: 10px;
}


#image2 {
	background-image: url(images/inner_header-A3.jpg);	
	height: 330px;
	margin-bottom: 10px;
}


#content1 {
	background: url(images/bg_yellow.jpg) repeat-x;
	background-color: #f6bd00;
}


#footer {
	height: 73px;
	background-color: #838383;
	margin-top: 10px;
	clear: both;
}



/* ===============  GLOBAL =============== */


ul.global_ul {
	list-style-type: circle;
}

ul.global_ul li {
	margin-left: 60px;
	line-height: 1.7em;
}

a:link {
	color: #053b6e;
	text-decoration: none;
}

a:visited {
	color: #053b6e;
	text-decoration: none;
}

a:focus {
	text-decoration: underline;
}

a:hover {
	text-decoration: underline;
}




/* =============== FLOATED DROP-DOWN NAV MENU=============== */

.clearFix {
	clear: both;
}


/* Navigation First Level */

#nav{
	font-weight: 300;
}

#nav ul{
	background:#373737;
	height:35px;
	list-style:none;
	border: 3px solid #373737;
}

#nav ul a.nav_a {
	background: url(images/nav2.gif) no-repeat right center;
}


#nav li{
	float:left;
	padding:0px;
}

#nav li a{
	font-size: .95em;
	background: #373737;
	display:block;
	text-align:center;
	text-decoration:none;
	text-transform: uppercase;
	color:#ddd;
	line-height:35px;
	padding:0px 25px;	
}

#nav li a:hover{
	text-decoration:none;
	color:#FFF;
}

/* Navigation Second Level */

#nav li ul{
	position:absolute;
	background: #373737;
	display:none;
	height:auto;
	width:200px;
	margin-left:-3px;
}

#nav li:hover ul{
	display:block;
}

#nav li li:hover {
	font-weight: 800;
}

#nav li li {
	font-size: .95em;
	display:block;
	float:none;
	width:200px;
}

#nav li ul a{
	text-align:left;
	display:block;
	height:35px;
	padding:0px 10px 0px 15px;
}



/* ===============  CONTENT  =============== */

#title1 {
	background-color: #82b00b;
	height: 64px;
	width: 340px;
	float: left;  
}

#title_edge {
	background-color: #fff;
	height: 64px;
	width: 10px;
	overflow: hidden;
}


h2 {
	font-size: 1.8em;
	color: #F6F6F6;
	text-align: center;
	height: 1.8em;
	line-height: 1.8em;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	margin: 18px 10px 8px 50px;
}


h4 {
	font-size: 1.2em;
	font-weight: bold;
	margin: 18px 10px 8px 50px;
}


p {
	font-size: 1.1em;
	line-height: 1.5em;
	margin-right: 60px;
	margin-left: 50px;
}

p.PrgFirst {
	font-size: 1.2em;
	line-height: 1.3em; 
	color: #222222;
	margin-bottom: 10px;
}


img.home_img1 {
	float: left;
	margin-top: 10px;
	margin-left: 10px;
	margin-right: 20px;
	border: 3px solid #FFFFFF;
}



/* ===============  MEET TEAM PAGE  =============== */

/* This page 2-column set-up done by setting fixed height for both columns. Reset height as content changes.  */


#team_content1 {
	background: url(images/bg_yellow.jpg) repeat-x;
	background-color: #f6bd00;
}

div#title1.team  {
	width: 630px;
}

h2.team_title {
	font-size: 1.9em;
	line-height: 1.9em;
}


h2.team_title2 {
	font-size: 1.9em;
	color: #FFFFFF;
	line-height: 1.9em;
	padding-top: 5px;
	padding-bottom: 5px;
}


img.team_imgdoctor {
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 5px;
	border: #FFFFFF 5px solid;
}

#team_content2 {
	background-color: #f6bd00;
	width: 630px;
	height: 700px;
	float: left;
}

#team_content3 {
	background-color: #f6bd00;
	width: 350px;
	height: 700px;
	overflow: hidden;
}

.team_table {
	background-color: #f6bd00;
	text-align: center;
	width: 346px;
}

.team_table td {
	vertical-align: middle;
	padding-top: 25px;
}

.team_names {
	background-color: #f26521;
	font-size: .9em;
	color: #F6F6F6;
	width: 130px;
	margin: 0 auto;
	margin-top: 20px;
	padding-top: 4px;
	padding-bottom: 4px;
}

.team_table span {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em;
	font-style: italic;
	text-transform: uppercase;
}


.team_table img {
	border: 4px solid #FFFFFF;
}




/* ===============  SETS US APART PAGE  =============== */



#set-apart_title1 {
	background-color: #82b00b;
	height: 64px;
	width: 500px;
	float: left; 
}

p.set-apart_PrgFirst {
	font-size: 1.2em;
	line-height: 1.4em; 
	color: #222222;
	margin-bottom: 20px;
}

img.apart_img2 {
	float: left;
	margin-left: 5px;
	margin-top: -5px;
	margin-right: 20px;
	border: 4px solid #e0e8f5;
}


/* ===============  FIRST VISIT PAGE  =============== */


.visit_img1 {
	float: right;
	margin-top: 30px;
	margin-right: 80px;
	margin-left: 15px;
}

img.visit_img2 {
	float: left;
	margin-right: 20px;
}


#visit_content2 {
	background-color: #f26521;
	color: #F4F4F4;;
}

.visit_img3 {
	float: right;
	margin-top: 30px;
	margin-right: 50px;
	margin-left: 15px;
}

#title2 {
	background-color: #e4460e;
	height: 64px;
	width: 340px;
	float: left;  	/* still pending to clear this float further down? */
}


#title_edge2 {
	background-color: #f6bd00;
	height: 64px;
	width: 10px;
	overflow: hidden;	
}


#visit_content3 {
	background-color: #cf1421;
	color: #E6E6E6;
}


#title3 {
	background-color: #bf1439;
	height: 64px;
	width: 340px;
	float: left;  	/* still pending to clear this float further down? */
}


#title_edge3 {
	background-color: #f26521;
	height: 64px;
	width: 10px;
	overflow: hidden;	
}



/* ===============  FAQ PAGE  =============== */

div#title1.faq  {
	width: 580px;
}

div#title1.faq h2 {
	font-size: 1.9em;
	line-height: 1.9em;  /* this aligns the title vertically according to the font size. Works in conjunction with the global h2 { height: 1.8em}   */
}


ul.level1 {
	list-style-type: none;
	margin: 10px 0 10px 20px;
	padding-top: 10px;
}


li.level1 {
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 8px;
}


ul.level2 {
	list-style-type: disc;
}



li.level2 {
	margin-top: 3px;
}



li.level2 a:link { text-decoration: underline; color: #111111; }
li.level2 a:visited {text-decoration: none; color: #333333; }
li.level2 a:hover {text-decoration: none; color: #111111; }



.top_link {
	margin-top: 6px;
	margin-left: 50px;
}

.top_link a {
	font-size: .7em;
	color: #555555;
	text-decoration: none;
}

.top_link a:hover {
	text-decoration: underline;
}

/*
a.top_link {
	font-size: .7em;
	color: #444444;
	margin-left: 50px;
	margin-top: 5px;
	text-decoration: none;	
/*	font-family: "Lucida Sans Unicode","Lucida Grande", Verdana, Arial, Helvetica, sans-serif; */

	

#faq_emergencies {
	margin-left: 10px;
}

#faq_emergencies p {
	margin-top: 5px;
}

.faq_emergencies {
	font-size: .95em;
	font-weight: bold;
	font-style: italic;
}



/* ===============  SEDATION PAGE  =============== */


#sedation_title1 {
	background-color: #82b00b;
	height: 64px;
	width: 450px;
	float: left; 
}


/* ===============  KIDS CORNER PAGE  =============== */




#kids_content1 {
	background: url(images/bg_yellow.jpg) repeat-x;
	background-color: #f6bd00;
}


#kids_title1 {
	background-color: #82b00b;
	height: 64px;
	width: 310px;
	float: left; 
}

#kids_content1 p {
	text-align: center;
	margin-top: 12px;
	color: #222222;
}

#kids_content1 img {
	border: 6px solid #FFFFFF;
}


#kids_content1 img.kids1 {
	border: 6px solid #FFF;
}



/* ===============  CONTACT US PAGE  =============== */




#contact_content1 {
	background: url(images/bg_yellow.jpg) repeat-x;
	background-color: #f6bd00;
}


#contact_title1 {
	background-color: #82b00b;
	height: 64px;
	width: 310px;
	float: left;  	/* still pending to clear this float further down? */
}

#contact_content1 table {
	margin-left: 80px;
/*	background-color: #f26521;  */
	color: #333333;
}

#contact_content1 table td {
	padding-top: 10px;
}


td.contact_table1 {
	text-transform: uppercase;
}


td.contact_table2 {
	font-size: 1.1em;
	padding-left: 20px;
}


#contact_content2 {
	background-color: #f26521;
	color: #F4F4F4;
}

#contact_title2 {
	background-color: #e4460e;
	height: 64px;
	width: 400px;
	float: left;  	/* still pending to clear this float further down? */
}


#contact_title_edge2 {
	background-color: #f6bd00;
	height: 64px;
	width: 10px;
	overflow: hidden;	
}

iframe {
	border: 5px solid #FFFFFF;
}

ol.contact_ol {
	color: #111111;
	margin-left: 90px;
	line-height: 2em;
	margin-top: 15px;
}


/* ===============  FOOTER  =============== */

#footer p {
	color: #EEEEEE;
	text-align: center;
	font-size: .75em;
	padding-top: 30px;
}

#websiteby {
	font-size: .7em;
	color: #666;
	text-align: center;
	margin-top: 3px;
	margin-bottom: 1px;
}