/* CSS Document 
Fuzion Media Group, Inc.  818.794.9397
*/

body{ padding:0; margin:0; background:url(../images/mainbg.gif) 0 0 repeat-x #666666; color:#000; font: 16px/29px Arial, Helvetica, sans-serif; }
div, h1, label, img, span, p{ margin:0; padding:0; text-align:left; }
ul{ margin:0; padding:0; list-style-type:none; font-size:0; }
.spacer{ clear:both; font-size:0; line-height:0; }
/* final del cuerpo */
#top{ background:url(../images/top_part.gif) 0 0 no-repeat; width:968px; height:128px; margin:0 auto; position:relative; }
#top img{ position:absolute; left:45px; top:25px; width:530px; height:75px; }
#topscroller { position: absolute; left: 45px; top: 95px; }
#top p.phoneus{ width:220px; height:33px; position:absolute; left:724px; top:50px; padding:3px; background:url(../images/phonenumber.png) 0 0 no-repeat; background-color:inherit; }
/*  ------------------------------------------------------- caja del nuevo menu. lavalamp. abajo de animacion ------------------------------------------------------*/
#lavacontainer { float: left; margin: 2px 0 2px 0; padding:0; width: 100%; color:#000; background-color:#666666; }
/*--------------------------------- Images and stylized image  ---------------------------------*/
.thumbnail{ position: relative; z-index: 0; }
.thumbnail:hover{ background-color: transparent; z-index: 50; }
/*CSS for enlarged image*/
.thumbnail span{ position: absolute; background-color: #ffffff; padding: 5px; left: -1000px; border: 1px black; visibility: hidden; color: black; text-decoration: none; }
/*CSS for enlarged image*/
.thumbnail span img{ border-width: 0; padding: 2px; }
/*CSS for enlarged image on hover*/
.thumbnail:hover span{ visibility: visible; top: 0; left: 60px; }/*position where enlarged image should offset horizontally */
.transparent_class { filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5; }
/*  ------------------------------------------------------- caja del cabezon.. o el header en ingles ------------------------------------------------------*/
#breadcrumbs { float: left; margin: 2px 0 2px 0; padding:0 0 0 10px; width: 950px; color:#000; background-color:#fff; }
#breadcrumbs p.bread{ font:normal 11px Arial, Helvetica, sans-serif; color:#000; background-color:#fff; }
#breadcrumbs a { text-decoration: none; font:normal 11px Arial, Helvetica, sans-serif; color:#000; background-color:#fff; }
#breadcrumbs a:hover { color: #8cc1e4; background-color:#fff; }
#header{ width:968px; background:url(../images/top_green_bg.gif) 0 0 repeat-x; height:250px; margin:0 auto; }
/*  ------------------------------------------------------- el cuerpo del delito...  body -----------------------------------------------------------------*/
#body{ width:968px; margin:0 auto; padding:0; background-color:#fff; color:#000; }
#body2{ width:700px; margin:0 auto; padding:0; background-color:#fff; color:#000; }
/*  ----------------------------------------------------------------------- Panel de la izquierda --------------------------------------------------------------*/
#left{ width:650px; padding:5px 15px 0 22px; float:left; color:#000; background-color:#fff; }
#left h2{ font: 24px/16px; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color:#497C00; text-align:left; background-color:#fff;/* margin:0 0 12px 0;*/ }
#left h2 a{ font:bold 24px/16px Arial, Helvetica, sans-serif; color:#497C00; text-align:left; background-color:#fff;/*margin:0 0 12px 0;*/ }
#left h2 a:hover{ font:bold 24px/16px Arial, Helvetica, sans-serif; color:#497C00; text-align:left; background-color:#fff;/*margin:0 0 12px 0; */ }
#left p { font:normal 14px/19px Arial, Helvetica, sans-serif; color:#000; background-color:#fff; margin:0; padding:0; }

#left a { font:normal 14px/19px Arial, Helvetica, sans-serif; color:#868686; background-color:#fff; margin:0; padding:0; text-decoration: none; }
#left a:hover { color:#868686; background-color:#03373b; }
/*  ------------------------------------------------------- Panel de la izquierda para el TOS y PRIVACY POLICY------------------------------------------------------*/
#lefttos{ width:640px; padding:5px 15px 0 22px; margin:0 20px 0 0; float:left; }
#lefttos a{ font:normal 12px/19px Arial, Helvetica, sans-serif; color:#868686; background-color:#fff; margin:0; padding:0; text-decoration: none; }
#lefttos p { font:normal 14px/19px Arial, Helvetica, sans-serif; color:#000; background-color:#fff; margin:0; padding:0; }
#lefttos a:hover { color:#868686; background-color:#03373b; }
#lefttos h2{ font: 24px/16px ; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color:#497C00; text-align:left; background-color:#fff;/* margin:0 0 12px 0;*/ }

#leftliteboxtos{ width:630px; padding:5px 15px 0 22px; margin:0 20px 0 0; float:left; }
#leftliteboxtos p{ font:normal 12px/14px Arial, Helvetica, sans-serif; color:#000; background-color:#fff; margin:0; padding:0; text-decoration: none; }
#leftliteboxtos h2{ font: 24px/16px ; font-weight: bold; font-family:Arial, Helvetica, sans-serif; color:#497C00; text-align:left; background-color:#fff;/* margin:0 0 12px 0;*/ }

#leftpp{ width:640px; padding:5px 15px 0 22px; margin:0 20px 0 0; float:left; }
/*  ------------------------------------------------------- Panel de medio, la naranja con el "current news" variable ------------------------------------------------------*/
#mid{ width:252px; border:#FF6600 solid 1px; background:url(../images/panel_mediacaja_bg.gif) 0 0 repeat-x #FF660e; color:#fff; padding:4px 13px 0 11px; margin:0 17px 0 0; float:left; }
#mid h2{ font:bold 22px/38px verdada, Arial, Helvetica, sans-serif; }
#mid img{ margin:0 0 14px 0; width:252px; height:165px; }
#mid h3{ font:bold 12px/29px Arial, Helvetica, sans-serif; color:#FFF414; background-color:#FF6600; padding:0; margin:0; text-transform:uppercase; }
#mid p { font:normal 14px/19px Arial, Helvetica, sans-serif; color:#fff; background-color:#FF6600; margin:0 0 1px 0; }
#mid p.midText{ font:bold 12px/19px Arial, Helvetica, sans-serif; color:#fff; background-color:#FF6600; margin:0 0 1px 0; }
#mid p.midText2{ font:bold 16px/22px Arial, Helvetica, sans-serif; color:#fff; background-color:#FF6600; margin:0 0 0 0; }	/* final del panel central */
/*-----------------------------------------------SEARCH BOX--------------------- el panel de la derecha donde esta la caja de busquedas ------------------------------------*/
#right{ width:264px; float:right; }
#right h2.menubar{ font:bold 24px/39px Arial, Helvetica, sans-serif; color:#497C00; background-color:#fff; padding:0 0 0 2px; margin: 0 0 0 0; }
/*font-size: 1.2em;*/
#right a { font: 1.2em Arial, Helvetica, sans-serif; color: #5A5A61; text-decoration: none; display: block; background:url(../images/arrow.gif) 0 7px no-repeat; padding:0 0 1px 15px; }
#right a:hover { font-size: 1.2em; background-color: #8cc1e4; color: #000000; display: block; }

#right h2.search{ width:214px; height:20px; padding:5px 0 0 2px; font:bold 24px/16px Arial, Helvetica, sans-serif; color:#497C00; background-color:inherit; }
#right h2.titles{ font:bold 24px/39px Arial, Helvetica, sans-serif; color:#497C00; background-color:#fff; padding:0 0 0 2px; }

#right p.textonorm{  font:bold 13px/19px Arial, Helvetica, sans-serif; color:#91835B; background-color:#fff; margin: 0 0 0 10px ; } /*padding: 0 0 10px 0;*/
#right p.textonorm span{ font:bold 13px/19px Arial, Helvetica, sans-serif; color:#C24E01; background-color:#fff; }
/*---------------------------------------los tres anuncios de abajo (whitening, veneer, invisalign)-----------------pading  -top-right-bottom-left-----------------------------------*/
#bodyBottom{ width:952px; margin:10px 0 0 0; padding:8px 8px 8px 8px; float:left; } /* 968-952=16  |  8+8=16  |  margin w 952+16 = 968 */
#bodyBottom a { text-decoration: none;}
#bodyBottom a:hover { background-color: #8cc1e4; color: #000000; }
#bodyBottom ul{ width:944px; background-color:#999999; color:#000; padding:8px 0 8px 8px; float:left; display:block;}
/* 944-952=8  + padding-left=8 = 952     944-8=936       	background-image: url(../images/left_bottom_top.gif) ;*/
#bodyBottom p.bodybottxt{  font:bold 13px/19px Arial, Helvetica, sans-serif; color:#91835B; background-color:#fff; margin: 0 0 5px 0; } /*padding: 0 0 10px 0;*/
#bodyBottom p.bodybottxt span{ font:bold 13px/19px Arial, Helvetica, sans-serif; color:#C24E01; background-color:#fff; }
/* ^ esto es para el texto adentro de los ul.      |      y esto v es lo del los 3 cuadros  */

#bodyBottom h4{ background:url(../images/h4-whitening.gif) 0 0 no-repeat; width:280px; height:46px; }
#bodyBottom ul li.one{ padding:2px 13px 8px 13px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#131313; background-color:#fff; float:left; border-right:#999999 solid 8px; display:block; width:280px; }
#bodyBottom ul li.one a{ font:bold 11px/43px Arial, Helvetica, sans-serif; color:#D35400; background-color:#fff; text-decoration:underline; margin:0 0 0 0; display:block; }
#bodyBottom ul li.one a:hover{ color:#528B00; background-color:#fff; text-decoration:none; }
/*248*/
#bodyBottom h5{ background:url(../images/h5-veneers.gif) 0 0 no-repeat; width:250px; height:46px; }
#bodyBottom ul li.two{ padding:2px 13px 8px 13px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#131313; background-color:#fff; float:left; border-right:#999999 solid 8px; 	display:block; width:280px; }
#bodyBottom ul li.two a{ font:bold 11px/43px Arial, Helvetica, sans-serif; color:#D35400; background-color:#fff; text-decoration:underline; margin:0 0 0 0; display:block; }
#bodyBottom ul li.two a:hover{ color:#528B00; background-color:#fff; text-decoration:none; }
/*271*/
#bodyBottom h6{ background:url(../images/h6-invisalign.gif) 0 0 no-repeat; width:240px; height:46px; }
#bodyBottom ul li.three{ padding:2px 13px 13px 13px; font:normal 12px/20px Arial, Helvetica, sans-serif; color:#131313; background-color:#fff; float:left; border-right:#999999 solid 8px; display:block; width:282px; }
#bodyBottom ul li.three a{ font:bold 11px/43px Arial, Helvetica, sans-serif; color:#D35400; background-color:#fff; text-decoration:underline; display:block; }
#bodyBottom ul li.three a:hover{ color:#528B00; background-color:#fff; text-decoration:none; }
/*248*/
/*------------------------------------------------------------------- El footer -------------------------------------------------------------*/
#footerMain{ width:968px; margin:0 auto; height:80px; background-color:#fff; color:#000; padding:0 0 2px 0; }
#footer{ width:960px; margin:0 auto; background:url(../images/footer_bg.gif) 0 0 repeat-x; height:80px; position:relative; }
#footer ul{ width:694px; position:absolute; left:20px; top:21px; }
#footer ul li{ float:left; color:#fff; background-color:inherit; font:normal 12px/16px Arial, Helvetica, sans-serif; }
#footer ul li a{ font:normal 12px/16px Arial, Helvetica, sans-serif; color:#fff; background-color:inherit; padding:0 11px; text-decoration:none; }
#footer ul li a:hover{ color:#fff; background-color:#03373B; }
#footer p.copyright{ font:normal 11px/11px Tahoma, Arial, Helvetica, sans-serif; color:#000000; background-color:inherit; position:absolute; left:36px; top:44px; width: 563px; height: 15px;}
#footer p.design{ width:217px; height:33px; padding:3px; position:absolute; left:724px; top:16px; background:url(../images/phonenumber.png) 0 0 no-repeat; background-color:inherit; }
/* ======================================================AQUI COMIENZA LO QUE MODIFICA EL BLOG DEL ESNUEVAS============================================================ */

/*-------------------------------------------------- for expandable title links on archive and sitemap pages ------------------------------------------*/
.drop_title a { font:bold 12px Arial; }
.droplist_div { width:95%; border-bottom:1px solid #ccc; padding:4px 0; }
.subcatlist_div { width:95%; padding:0 0 0 15px; }
/*-------------------------------------------------- text area field mods (comments box)--------------------------------------------------*/
fieldset { border: 1px solid #FF0000; }
textarea { width: 90%; height: 20em; padding: 3px; border: 1px solid #000000; }
textarea:hover { border: 1px solid #FF0000; background: #FFFFF4; color: #000; }
textarea.text { height: 150px; width: 90%; border: 1px solid #ccc; background: #fff; color: #000; }
.comments { padding: 10px 10px 8px 10px; margin: 0 0 7px 0; background: #f8f8f8; color: #000; }
.commentsbox { padding: 8px 0 10px 10px; margin: 0 0 10px 0; background: #ffffff; color: #000; } /*#EBEBEB*/
/*--------------------------------------------------search button mods----------------------------------------------------------*/
input.searchfield { border: 2px solid #000; margin: 0; font-size: .9em; } /*width: 100px; padding:2px;    */
input.searchbutton { background: #000000; padding: 1px; margin: 0 0 0 -5px; border: 0; color: #fff; font-weight: bold; font-size: .9em; }
input.button { background: #FFFFF4; color: #000000; border: 1px solid #000; }
/*--------------------------------------------------focus effect on all input items--------------------------------------------------*/
input.text:focus, input:focus, select:focus, checkbox:focus, textarea:focus { color: #FFFFFF; background: #666666; }
/*--------------------------------------------------input fields (name, email, etc)--------------------------------------------------*/
input.text { margin: 0; width: 50%; border: 1px solid #000000; background: #FFF; color: #000; height:15px; }
input.text:hover { border: 1px solid #ff0000; }
/*--------------------------------------------------input fields (form fields)----------------------------------------------------------*/
input.field { border: 1px solid #ccc; background-color: #FFFFFF; width: 300px; color: #000; height:15px; }
input.field:hover { border: 1px solid #FF0000; background: #FFFFF4; color: #000; }

.date { color: #ccc; background: #FFFFFF; text-align: right; margin: 4px 0 5px 0; padding: 0.4em 0 0 0; border-top: 1px solid #d6d6d6; }