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

/* General Styles */
body {height:100%; width:100%; margin:0; background:url(../media/sky.jpg) repeat-x; padding:0; font-family:Arial, Helvetica, sans-serif}
#wrapper{height:100%; width:100%; margin:0; padding:0; background:url(../media/clouds.png) no-repeat top center}
img {border:none}
a{text-decoration:none}

/* HEADER */
#header{height:140px; width:980px; margin:0 auto; position:relative}
#header #logo{position:absolute; top:22px; left:15px}
#citas{font-size:30px; position:absolute; color:#913f98; top:37px; right:0; text-align:right}
.divCyan{height:2px; border:0; color:#00afc2; background-color:#00afc2; margin:0}

/* MENU PRINCIPAL */
#menuWrapper{background:url(../media/back_menu.jpg) repeat-x; height:47px; width:980px; margin:0 auto 2px; border-radius:8px; -webkit-border-radius:8px; -moz-border-radius:8px; -o-border-radius:8px}
#menu {height:47px; width:980px;}
#nav {list-style:none; margin:0 auto; padding:12px 0 0 24px} 
#nav li {float:left;}
#nav li a {display:block; padding-right:15px; font:18px Arial, Arial, Helvetica; text-decoration:none; color:#fff; text-shadow:0px 2px #333}
#nav li a:hover {color:#913f98}
#nav li.home a  {display:block; padding-right:15px; font:18px Arial, Arial, Helvetica; text-decoration:none; color:#913f98; text-shadow:0px 2px #333}
#nav li.home a:hover  {color:#3b3b3b}
/* Submenu */
#nav ul.submenu {position:absolute; list-style:none; background-image:url(../media/back_menu.png);visibility: hidden; z-index:99;}
#nav ul.submenu li {float:none; background-image:none; border-bottom:1px solid #c7784d; width:200px; list-style:none; list-style-type:none;}

/* TEXTO */
.purple{color:#913f98}
.cyan{color:#00afc2}
.gray{color:#3b3b3b}
.titulo30{font-size:30px; font-weight:bold}
.subtitulo{font-size:14px; font-weight:bold; }
.contenido{font-size:12px; color:#3b3b3b}
.subtituloInt{font-size:18px; font-weight:bold; }
.contenidoInt{font-size:14px; color:#3b3b3b}
p {margin:0 0 10px 0}
ul, ol{font-size:14px; color:#3b3b3b}

/* LINKS */
#content{width:980px; margin:30px auto 0; overflow:auto}
#leftColumn {width:300px; float:left}
#rightColumn {width:300px; float:right}
#centerColumn{width:340px; float:left; margin:0 20px 0;}
#mercadolibre{padding:12px 10px; background: url(../media/mercado_libre.jpg) no-repeat 200px 25px #f0f7fb; border:1px solid #CCC}

/* FOOTER */
#prefooterA{height:354px; width:100%; background:url(../media/mispediatras001.jpg) no-repeat top center; clear:both}
#prefooterB{height:354px; width:100%; background:url(../media/mispediatras002.jpg) no-repeat top center; clear:both}
#footer{width:980px; height:120px; background:url(../media/footer_back.jpg) repeat-x center 18px; margin:10px auto 0; font-size:12px; position:relative; color:#913f98}
#footer .address{text-align:right; right:0; top:0; position:absolute}
#footer img{margin-right:auto; margin-left:auto; left:0; right:0; top:-10px; position:absolute}
#footer a{ text-decoration:none; color:#913f98}
#footer a:hover {text-decoration:none; color:#00afc2}

/* PAGINAS INTERNAS */
#bannerInt{margin:12px auto 0; width:980px; height:200px; position:relative}
#marquee{position:absolute; margin-right:auto; margin-left:auto; left:0; right:0; top:10px; border:solid 10px #FFF; width:940px; height:160px}
#contentColumn{width:660px; float:left; font-size:14px; color:#3b3b3b}
#contentColumnFull{width:980px; float:left; font-size:14px; color:#3b3b3b}
.divCreme{height:3px; border:0; color:#f6d0af; background-color:#f6d0af; margin:0 0 20px}
#direccionConsultorio{float:left; width:360px; padding-right:60px}
#formaContacto{float:left; width:480px;}
#mapaUbicacion{clear:both; padding-top:20px}

/* FORMA DE CONTACTO*/
form > div{
	margin: 5px 0;
}

form > div > input {
	padding: 5px;
	width: 50%
}

form > div > textarea{
	padding: 5px;
	width: 80%;
	height: 5em;
	font-family: Arial
}