/* CSS - Estetica Dental */

/* Elementos estadars */
body {
	font-family:"trebuchet MS", Tahoma, Arial;
	background-color:#0D0E0E;
	background-image:url(../images/bg.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	display:table;
	width:100%;
	font-size:12px;
	}
a {
	text-decoration:none;
	color:#333;
	}


/* Clases genericas */

.grid_12, .grid_3 {margin-bottom:10px;}

/* Estructura */

	/* Page */
	#page {}
		.page-home{
			background:url(../images/header.jpg) no-repeat;
			}
		.page-int {
			background:url(../images/header-int.jpg) no-repeat;
			}
			
	/* Top */	
	#top {
		overflow:hidden;
		height:1%;
		line-height:33px;
		font-size:10px;
		color:#C8C8C8;
		}
		#top a {color:#C8C8C8;}
		#top a:hover {color:#FFF;}

	/* Header (De Home e Interiores) */
	#header {
		height:78px;
		position:relative;
		}
	#header-int {
		height:48px;
		position:relative;
		}
		#header h1 a,
		#header-int h1 a {
			position:absolute;
			display:block;
			text-indent:-9999px;
			}
		#header h1 a {
			top:5px;
			left:440px;
			width:460px;
			height:50px;
			}
		#header-int h1 a {
			top:-10px;
			left:585px;
			width:330px;
			height:30px;
			}
			
	/* Sidebar (De Home e Interiores) */				
	#sidebar {
		overflow:hidden;
		margin-top:220px;
		}
	#sidebar-int {
		overflow:hidden;
		margin-top:130px;
		}
		#sidebar-int ul {
			list-style:none;
			}
		#sidebar-int ul li {
			display:inline;
			padding:0px;
			margin:0px;
			font-size:11px;
			}
		#sidebar-int ul li a {
			background:url(../images/dotted-h.gif) repeat-x bottom left;
			display:block;
			color:#CCC;
			padding:7px 0px;
			}	
		#sidebar-int ul li a:hover {
			color:#54e8f6;
			}	
		#sidebar-int ul li a.selected {
			font-weight:bold;
			color:#54e8f6;
			}
			
	a.ad {
		display:block;
		margin-bottom:20px;
		}
		
	/* Content */		
	#content {}
	.bg-content-int {
		background:url(../images/bg-content.gif) repeat-x 0px 8px;
		}
	
	
		/* Splash (De Home e Interiores) */
		#splash {
			padding-top:2px;
			margin-bottom:15px;
			color:#FFF;
			}
			#splash-bottom {
				background:url(../images/bg-splash-bottom.jpg) no-repeat bottom;
				height:75px;
				}
		#splash h2 {
			padding:0px 0px 0px 30px;
			font-family:"Times New Roman", Times, serif;
			font-size:23px;
			font-variant:small-caps;
			font-weight:normal;
			margin-bottom:5px;
			}
		#splash p {
			padding:0px 5px 2px 30px;
			line-height:12pt;
			margin-bottom:-22px;
			}

		#splash-int {
			padding-top:2px;
			margin-bottom:8px;
			color:#FFF;
			height:222px;
			position:relative;
			}
		#splash-int .grid_6 h2 {
			padding:15px 0px 0px 30px;
			margin:0px;
			line-height:normal;
			font-family:"Times New Roman", Times, serif;
			font-size:23px;
			font-variant:small-caps;
			font-weight:normal;
			}			
			#splash-int-bottom {
				background:url(../images/bg-splash-int-bottom.jpg) no-repeat bottom left;
				height:31px;
				position:absolute;
				bottom:0px;
				}
		#splash-int	#nav ul {
			margin:0px;
			}
	
		/* Nav */
		#nav {
			position:relative;
			}
		#nav ul {
			width:160px;
			list-style:none;
			position:absolute;
			margin:30px 0px 0px 0px;
			padding:8px 0px 15px 0px;
			background:url(../images/dotted-v.gif) repeat-y 15px 0px;
			}
		#nav ul li {
			margin-left:0px;
			float:left;
			position:relative;
			text-transform:uppercase;
			}	
			#nav ul li a {
				background:url(../images/dotted-h-long.gif) no-repeat bottom left;
				color:#CCC;
				padding:5px 10px 5px 30px;
				display:block;
				width:100%;
				}
			#nav ul li a:hover,
			#nav ul li a.selected {
				color:#54e8f6;
				}
		#nav ul li ul {
			position:absolute;
			z-index:999;
			width:210px;
			left:-235px;
			top:-5px;
			margin:0px;
			padding:5px 12px 15px 12px;
			background:#111;
			border:1px solid #FFF;
			}
		#nav ul li ul li {
			margin-left:0px;
			text-transform:none;
			font-size:11px;
			float:none;
			display:inline;
			}
			#nav ul li ul li a {
				background:url(../images/dotted-h.gif) repeat-x bottom;
				color:#DDD;
				padding:5px 8px;
				display:block;
				width:auto;
				}
				
		/* Items del Home */			
		.item {
			height:164px;
			overflow:hidden;
			}
			
		/* Columnas del Interior */		
		#col-a {
			background:url(../images/corner.jpg) no-repeat;
			padding-top:30px;
			}
		#col-b {
			background:url(../images/dotted-v.gif) repeat-y;
			margin-top:30px;
			}
		
		.internas {
			padding:0px 20px 10px 20px;
			color:#FFF;
			}
		.internas h2 {
			font-family:"Times New Roman", Times, serif;
			font-size:23px;
			font-variant:small-caps;
			font-weight:normal;
			}
		.internas h3 {
			font-family:"Times New Roman", Times, serif;
			font-size:17px;
			font-variant:small-caps;
			font-weight:normal;
			text-align:right;
			padding-bottom:15px;
			border-bottom:1px solid #FFF;
			margin-bottom:15px;
			line-height:110%;
			}
		.internas h4 {
			color:#54e8f6;
			font-size:13px;
			font-weight:bold;
			text-transform:uppercase;
			padding-bottom:15px;
			border-bottom:1px solid #FFF;
			margin-bottom:15px;
			}
		.internas p {
			font-size:12px;
			line-height:180%;
			}
		.internas a {
			color:#6AD6E0;
			}
		
		.images {
			margin-bottom:10px;
			}
		.images img {
			border:5px solid #444;
			margin-bottom:5px;
			}
		.images p {
			font-size:10px;
			color:#999;
			line-height:110%;
			}
			
		ul.lista-especialistas {
			margin:0px;
			padding:0px;
			list-style:none;
			}	
		ul.lista-especialistas li {
			overflow:hidden;
			height:1%;
			margin:0px 0px 30px 0px;
			padding:5px 0px 0px 20px;
			}
			ul.lista-especialistas li div.lista-especialistas-img {
				float:left;
				display:inline;
				width:75px;
				margin-right:30px;
				position:relative;			
				}
				ul.lista-especialistas li div.lista-especialistas-img img{
					border:5px solid #444;
					}
				ul.lista-especialistas li div.lista-especialistas-img span {
					position:absolute;
					left:-10px;
					top:-5px;
					border:1px solid #111;
					border-bottom-width:2px;
					border-right-width:2px;					
					}
					ul.lista-especialistas li div.lista-especialistas-img span img {
						border:2px solid #FFF;
						}
			ul.lista-especialistas li div.lista-especialistas-txt {
				float:left;
				display:inline;
				width:280px;
				line-height:120%;
				}
				ul.lista-especialistas li div.lista-especialistas-txt p {
					margin-bottom:5px;
					} 
				ul.lista-especialistas li div.lista-especialistas-txt p.especialista-desc {
					font-style:italic;
					font-size:11px;
					color:#AAA;
					padding-top:5px;
					border-top:1px solid #222;
					}
					
			ul.mapa-web li {
				font-size:18px;
				}
				ul.mapa-web li a {
					color:#FFF;
					}
				ul.mapa-web li ul li {
					font-size:12px;
					color:#FFF;
					}
					ul.mapa-web li ul li a {
						color:#FFF;
						}
		
		.contacto {}
		.contacto td {
			vertical-align:top;
			padding:5px;
			}
		.contacto input,
		.contacto textarea,
		.contacto select {
			background:#FAFAFA;
			border:1px solid #222;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			padding:4px;
			width:250px;
			display:block;
			}
		.contacto select {
			padding:2px;
			width:260px;
			}
		.contacto .checkbox input {
			padding:0px;
			margin:0px;
			width:auto;
			display:inline;
			margin-right:5px;
			}	
		.contacto input.btn-enviar {
			background:#46A3AB;
			cursor:pointer;
			width:260px;
			color:#FFF;
			text-transform:uppercase;
			}
		.contacto input.btn-enviar:hover {
			background:#5ACCD7;
			}
			
		.contacto span {
			width:235px;
			clear:left;
			font-size:10px;
			color:#333;
			background:#e7e3ce;
			border:1px solid #ccc396;
			padding:1px 10px;
			margin-top:5px;
			}
		
		span.caracteres_faltantes {
			width:auto;
			clear:left;
			font-size:12px;
			color:#FFF;
			font-weight:bold;
			background:none;
			border:none;
			padding:0px;
			margin-top:0px;
			}			
			
		.alerta {
			width:330px;
			margin-bottom:10px;
			font-size:11px;
			color:#333;
			background:#e7e3ce;
			border:1px solid #ccc396;
			padding:6px 10px 6px 10px;
			}
			
	/* Footer */		
	#footer {
		border-top:1px solid #222;
		text-align:center;
		padding:10px 0px;
		color:#666;
		font-size:11px;
		margin-bottom:0px;
		margin-top:15px;
		}
	#footer a {color:#999;}
	#footer a:hover {text-decoration:underline;}