/* *** DERMOMEDIC.COM ***
********************** */

/* ** 1. Universal Definitions **
*********************************
******************************* */

.footer-telefono{font-size:2em; }

body {
	margin:0;
	padding:0;
	/*background-color:#DDBBDD;*/
	background-color:#FFF;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

h1 { font-size:0.96em; }
h2 { font-size:2em; color:#CC99CC; font-weight:bold; margin:17px 0 -5px 0;}
h3 { font-size:1.1em; color:#666; font-weight:bold; }
h4 { font-size:1.2em; color:#CC99CC; font-weight:bold; }

 a:link , a:visited , a:active {color:#CC99CC; font-weight:bold; text-decoration:none;}
 a:hover {color:#996699; font-weight:bold; text-decoration:none;}


/* ******* 2. Containers *******
********************************
****************************** */


#contenedor{
	width: 900px;
	\width: 920px;
	w\idth: 900px;
	margin:0px auto;
	padding-top:17px;
	background-color:white;
	}

#banner{ /* Logo */
	background-image: url(./images/dermomedic-header.jpg);
	margin:10px auto 30px auto;
	height:43px;
	width:200px;
	}

#header{ /* Tagline */
	margin:10px 0 10px 0;
	padding:1px 0 1px 0;
	font-size:1.1em;
	color:#FFF;
	text-align:center;	
	background-color:#CC99CC;
	border-top:3px solid #DABADC;
	border-bottom:3px solid #DABADC;
	}

#left{
	padding:0;
	width:160px;
	float:left;
	background-color:#FFF;
	font-size:.9em;
	line-height:1.5em;
	}
		
		#left a:link , a:visited , a:active {color:#CC99cc; font-weight:bold; text-decoration:none;}
		#left a:hover {color:#CC33CC; font-weight:bold; text-decoration:none;}
		
		#left ul {list-style:none; margin:50px 0 0 10px; padding:0px;}
		
		#left ul li{
			width:100%;
			display:block;
			}
			
		#left ul li a:link{
			border-bottom:1px dotted #C9C9C9;
			display:block;
			padding:5px;
			}

		#left ul li a:visited{
			border-bottom:1px dotted #C9C9C9;
			display:block;
			padding:5px;
			}
				
		#left ul li a:hover{
			background-color:#E5CCE5;
			display:block;
			color:#444;
			}
			
			.lista-tratamientos{
				font-size:.8em;
				text-indent:1.5em;
			}


#right{
	padding:10px 10px 30px 0px;
	width:700px;
	float:right;
	background-color:#FFF;
	color:#666;
	font-size:0.8em;
	line-height:1.7em;
	}
	
#footer{
	color:#666;
	border-top:1px dotted #CC99CC;
	margin:0;
	padding:10px 10px 30px 10px;
	clear:both;
	background-color:#FFF;
	font-size:0.9em;
	}

		#footer a:link {color:#666;  font-weight:normal; text-decoration:underline;}
		#footer a:visited {color:#666; font-weight:normal; text-decoration:underline;}		
		#footer a:hover {color:#CCA8C8;}

#footer .left{
	float:left;
	background-color:#FFF;
	font-size:0.65em;
	}

#footer .right{
	background-color:#FFF;
	font-size:0.65em;
	}
	
	
/* ******* 3. Miscellaneous *******
***********************************
******************************** */
	
#cajas-tratamientos{margin:20px 0 20px 0; clear:both;}

#cajas-tratamientos .caja-uno{
	background-color:#CC9999;
	color:#FFF;
	padding:10px;
	font-size:2em;
	text-align:center;
	display:block;
	margin:5px 0 5px 0;
	border-top:5px solid #DDBBBB;
	border-bottom:5px solid #DDBBBB;
}

		#cajas-tratamientos .caja-uno a:link{color:#996666; text-decoration:none;}
		#cajas-tratamientos .caja-uno a:visited{color:#996666; text-decoration:none;}
		#cajas-tratamientos .caja-uno a:active{color:#996666; text-decoration:none; font-weight:normal;}				
		#cajas-tratamientos .caja-uno a:hover{color:#FFF; text-decoration:none;}


#cajas-tratamientos .caja-dos{
	background-color:#9999CC;
	color:#FFF;
	padding:10px;
	font-size:2em;
	text-align:center;
	display:block;
	margin:5px 0 5px 0;
	border-top:5px solid #BBBBDD;
	border-bottom:5px solid #BBBBDD;	
	}

		#cajas-tratamientos .caja-dos a:link{color:#666699; text-decoration:none;}
		#cajas-tratamientos .caja-dos a:visited{color:#666699; text-decoration:none;}		
		#cajas-tratamientos .caja-dos a:active{color:#666699; text-decoration:none; font-weight:normal;}				
		#cajas-tratamientos .caja-dos a:hover{color:#FFF; text-decoration:none;}

#cajas-tratamientos .caja-tres{
	background-color:#CCCC66;
	color:#FFF;
	padding:10px;
	font-size:2em;
	text-align:center;
	display:block;
	margin:5px 0 5px 0;
	border-top:5px solid #CCCC99;
	border-bottom:5px solid #CCCC99;	
}

		#cajas-tratamientos .caja-tres a:link{color:#999966; text-decoration:none;}
		#cajas-tratamientos .caja-tres a:visited{color:#999966; text-decoration:none;}		
		#cajas-tratamientos .caja-tres a:active{color:#996666; text-decoration:none; font-weight:normal;}				
		#cajas-tratamientos .caja-tres a:hover{color:#FFF; text-decoration:none;}
		
		
#navegacion-interior{
	text-align:right;
	font-size:0.75em;
}

#navegacion-interior a:link, a:visited, a:active{color:#CC99CC;}
#navegacion-interior a:hover{color:#CC66CC;}



img.derecha {
	float:right;
	margin:10px 5px 10px 10px;
	padding:3px;
	border:1px solid #CCC;}


img.derechasb{
	float:right;
	padding:10px;}

img.izquierda {
	float:left;
	margin:10px 10px 10px 5px;
	padding:3px;
	border:1px solid #CCC;}

img.izquierdasb{
	float:left;
	padding:10px;}

img.centro {
	margin: 10px auto 10px auto;
	padding:3px;
	text-align: center;
	border:1px solid #CCC;}

img.centrosb {

	margin: 10px auto 10px auto;
	text-align: center;
	border: none;}

img.default{
	border:1px solid #CCC;	
	padding:3px;
}