/* CSS Document  ROI*/

/*   

Theme Name: title project -
Theme URI: http://cynfyn.com/web/
Author: cynfyn solutions
Author URI: http://www.cynfyn.com
Version: 1.0
Description Development: Builder CSS+xhtml>> Jose A Gomez Jaramillo - Design Elements>> Rafael Bernal

*/

/*...........................
	html
............................*/
* {
	margin: 0;
	padding: 0;

	}

html {
	text-shadow: #000 0px 0px 0px;/* Elimina el efecto bold en Safari */
	}
body{
	background:url(images/bg_html.jpg) center top no-repeat;
	font:normal 13px/20px "Trebuchet MS",Verdana, Arial, Helvetica, sans-serif;
	}	
/* Clases útiles */
.p_relative{
	position:relative;
	}

a:link {
 	color: #038BA5;
 	text-decoration: none;
	}
a:visited {
 	text-decoration: none;
 	color: #038BA5;
	}
a:hover {
 	text-decoration: underline;
 	color: #D66217;
	}
a:active {
 	text-decoration: none;
	}	
p{ 
	margin-bottom:20px;
	}
table {	
	border-collapse: collapse;
	}
td{	
	text-align:left;
	}
img{ border:0;}	
h2{
	font-size:18px;
	color:#2CBBD9;
	line-height:28px;
	border-bottom:1px solid #2CBBD9;
	margin-bottom:9px;
	
	}
h1{
	font-size:22px;
	}
	
ul.bodyList{
	padding-left:25px;
	}
.imageLeft{
	padding:8px;
	}
/*---------------------------
	site
------------------------------*/	
#wrapper{
	width:983px;
	margin:0 auto;
	background:url(images/bg_wrapper.gif) repeat-y #EFFBFE;
	overflow:hidden;
	}
#wrapper:after{
	content:".";
	display:block;
	clear:both;
	height:0;
	visibility:hidden;
	}
#header{
	background:url(images/bg_header.gif) no-repeat;
	height:155px;
	}
#wrapper_drop{
	width:983px;
	margin:0 auto;
	}	
#aux{
	width:0;
	height:440px;
	}
.pad_int{
	margin-top:10px;
	}	
#col_left{
	width:237px;
	background:#D4EBF1;
	margin-left:6px;
	}
#col_left_int{
	padding-top:16px;
	}	
#cont_int{
	width:705px;
	background:#FFFFFF;
	}
#col_left, #cont_int{
	float:left;
	margin-left:9px;
	_margin-left:5px;
	}
#content{
	padding:0 5px;
	}
#aux,#content{
	float:left;
	margin-bottom:-32768px;
	padding-bottom:32768px;
	}
#footer{
	clear:both;
	background:url(images/bg_footer.gif) no-repeat;
	height:155px;
	width:983px;
	margin:  0 auto;

	}
.pos_nav_top{
	position:absolute; left: 15px; top: 101px; width: 958px;						
	}
.pos_nav_top a{
	cursor:default;
	}	
.pos_nav_home{
	float:right; 
	padding-right:12px
	}
.cont_int{
	padding:8px;
	}
	
/*---------------------------
	Index
------------------------------*/		
#home{
	background:url(images/bg_index.jpg) no-repeat ;
	width:998px;
		
	}
.box_wrapper{
	background:url(images/b_middle.gif) repeat-y;
	width:493px;
	margin:0 auto;
	}
.box_top{
	background:url(images/b_top.gif) top no-repeat;
	width:493px;
	}
.box_bottom{
	background:url(images/b_bottom.gif) bottom no-repeat;
	width:493px;
	}
#box_welcome{
	width:493px;
	}				
#box_cancer{
	width:468px;
	}				
#box_welcome,#box_cancer{
	float:left;
	margin:2px
	}
.cancer_treat{
	padding-left:25px;
	font-size:15px;
	font-weight:bold;
	}
.cancer_treat ul li {
	list-style: square;
	margin:18px;
	}
.cancer_treat li a{
	list-style: square;
	color:#038BA5;
	}
.cancer_treat li a:hover{
	list-style: square;
	color:#D66217;
	}

/*---------------------------
	DropDowns Menu
------------------------------*/
	
div.menu_drop {
        width: 100%;
        border-style: solid solid none solid;
        border:1px solid #676868;
        }
div.menu_drop  ul  li {
        list-style: none;
        margin: 0;
        padding: 0;
        }
		
div.menu_drop li a {
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 25px;
        text-decoration: none;
        }

div.menu_drop  li a:link, div.menu_drop  li a:visited {
        color: #676868;
        display: block;
        background: url(images/bg_dropdowns.gif) repeat-x;
		height:25px;
        padding: 4px 0 0 25px;
        }

div.menu_drop  li a:hover, div.menu_drop li #current { 
        color: #fff;
        background: #896336;
        padding: 4px 0 0 25px;
		background: url(images/bg_dropdowns.gif) repeat-x 0 -31px;
		text-decoration:none;
        }		
/*---------------------------
	treatment
------------------------------*/
	
div.treatment {
        width: 96%;
		font-weight:bold;
		font-size:12px;
		margin:0 auto;
        }
div.treatment  ul  li {
        list-style: none;
        margin: 0;
        padding: 0;
        }
		
div.treatment li a {
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 25px;
        text-decoration: none;
        }

div.treatment  li a:link, div.treatment  li a:visited {
        color: #fff;
        display: block;
        background: url(images/bg_treatment.gif) repeat-x;
        padding: 4px 0 0 5px;
        }

div.treatment  li a:hover, div.treatment li #current { 
        color: #676868;
        background: #896336;
        padding: 4px 0 0 5px;
		background: url(images/bg_treatment.gif) repeat-x 0 -27px;
		text-decoration:none;
        }		
											
/*---------------------------
	Buttons
------------------------------*/
.buttons a, .buttons button{
    display:block;
    margin:0 7px 0 0;
    background:#f5f5f5;
    border:1px solid #dedede;
    border-top:1px solid #eee;
    border-left:1px solid #eee;
    font-size:100%;
    line-height:130%;
    text-decoration:none;
    font-weight:bold;
    color:#565656;
    cursor:pointer;
    padding:5px 10px 6px 7px; /* Links */
	}
.buttons button{
    width:auto;
    overflow:visible;
    padding:4px 10px 3px 7px; /* IE6 */
	}
.buttons button[type]{
    padding:5px 10px 5px 7px; /* Firefox */
    line-height:17px; /* Safari */
	}
.buttons button img, .buttons a img{
    margin:0 3px -3px 0 !important;
    padding:0;
    border:none;
    width:16px;
    height:16px;
	}


/* STANDARD */

button:hover, .buttons a:hover{
    background-color:#dff4ff;
    border:1px solid #c2e1ef;
    color:#336699;
	}
.buttons a:active{
    background-color:#6299c5;
    border:1px solid #6299c5;
    color:#fff;
	}

/* POSITIVE */

button.positive, .buttons a.positive{
    color:#529214;
	}
.buttons a.positive:hover, button.positive:hover{
    background-color:#E6EFC2;
    border:1px solid #C6D880;
    color:#529214;
	}
.buttons a.positive:active{
    background-color:#529214;
    border:1px solid #529214;
    color:#fff;
	}

/* NEGATIVE */

.buttons a.negative, button.negative{
    color:#d12f19;
	}
.buttons a.negative:hover, button.negative:hover{
    background:#fbe3e4;
    border:1px solid #fbc2c4;
    color:#d12f19;
	}
.buttons a.negative:active{
    background-color:#d12f19;
    border:1px solid #d12f19;
    color:#fff;
	}
/*---------------------------
	DropDowns positions
------------------------------*/
#type_cancer {
	position:absolute;
	left:495px;
	top:134px;
	width:183px;
	height:248px;
	z-index:1;
	visibility:hidden;
	}
#about-us {
	position:absolute;
	left:15px;
	top:134px;
	width:183px;
	height:248px;
	z-index:1;
	visibility:hidden;
	}
#treatment-process {
	position:absolute;
	left:135px;
	top:134px;
	width:239px;
	height:248px;
	z-index:1;
	visibility:hidden;
	}
#cancer-treatment{
	position:absolute;
	left:315px;
	top:134px;
	width:239px;
	height:248px;
	z-index:1;
	visibility:hidden;
	}
	
	
.contact_box	{
	background:#59D6EF;
	width:90%;
	}
	

#cancer-treatment-col{
	width:230px;
	}
#info_local_contact{
	background:#FFFFFF;
	padding:8px;
	width:352px;
	}
#local_contact{
	padding-left:40px;
	}
/*---------------------------
	STAFF
------------------------------*/	
.dr_staff{
	background:#10A6C6;
	color:#FFFFFF;
	padding:5px;
	}	
.staffimg{
	background:#D4EBF1;
	padding:5px;
	width:170px;
	}
img.staffimg_detail {
	background:#D4EBF1;
	float:right; 
	padding:5px;
	width:246px;
	margin:7px;
	}	
.staffname{
	background:#EFEFEF;
	padding:5px;
	width:132px;
	}

/*---------------------------
LIVE-VALIDATION FORM STANDALONE 
------------------------------*/	
.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
	}

.LV_valid {
    color:#00CC00;
	}
	
.LV_invalid {
    color:#CC0000;
	}
    
.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
	}
    
.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
	}