/* Inicio Formateado General */
* {padding:0; margin:0;}
html{height:100%;}
body{height:100%; margin: 0px auto; background: url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/fondo.gif) repeat-x; font: normal 11px arial,tahoma,verdana; color: #FFAF00;text-align: center}
form{margin:0px}

a {text-decoration:none; color:#ffffff;}
a:hover {text-decoration:underline; color:#ffffff;}

.clear{clear:both;}
.center{text-align: center}
/* Fin Formateado General */

/* Inicio Cuerpo */
#fondo{min-height:100%; margin:0px auto;margin-top: 38px; width:991px; text-align:left;}

#menu{position: relative;width: 991px; height: 46px; background: url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/fondo_menu.gif) no-repeat left top;}
#cabecera{width: 991px; height: 299px;}
#centro{width: 991px; height: 336px; position:relative;background: url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/cuerpo_texto.gif) no-repeat left top;}
#pie{clear:both;}


#cuerpo{ width:991px; height: 336px;padding: 10px;}

/* Scroll Mootools */
#content{width: 950px; height: 310px;overflow: hidden;}
.vScrollbar {position:absolute; left: 950px; top: 10px}	
.hScrollbar {clear: both;}
.vTrack {height: 380px;width: 11px;position: relative;background-color:transparent;overflow: hidden;}
.hTrack {float: left;height: 15px;width: 255px;position: relative;background-color:transparent;overflow: hidden;}			
.vThumb, .hThumb {position: absolute;top: 0;left: 0;height: 15px;width: 11px;background: #FFAF00;overflow: hidden; opacity:1;}
.arrowUp, .arrowDown, .arrowLeft, .arrowRight, .corner {height: 15px;width: 11px;overflow: hidden;}
.arrowUp{background:url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/scroller/up.gif) no-repeat center;}
.arrowDown{background:url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/scroller/dn.gif) no-repeat center;}
.arrowLeft, .arrowRight, .corner {float: left;}	
.corner {position:absolute; left: 640px; bottom:0px;}

#contenidos{padding: 0px 20px;}
#contenidos h1{margin:0 0 20px; padding-bottom:5px; font: bold 18px arial; color:#ffffff; border-bottom:2px solid #FFD67F;}
#contenidos h1 a{text-decoration: none; color: #fffff;}
#contenidos h1 a:hover{color: #fffff;}
#contenidos img{padding:0px 10px;}

#contenidos h2{margin:0px; padding-bottom:3px; font: bold 16px arial; color:#e5ebf7; border-bottom:2px solid #FFD67F;}
#contenidos h2 a{text-decoration: none; color: #fffff;}
#contenidos h2 a:hover{color: #ffffff;}

#contenidos h3{margin:5px; font: bold 11px arial; color:#ffffff; border-bottom:1px solid #FFD67F;}
#contenidos h3 a{text-decoration: none; color: #fffff;}
#contenidos h3 a:hover{text-decoration: underline; color: #ffffff;}
/* Fin Cuerpo */

/* Inicio Menu principal */
.menu{width: 991px; height: 46px;position: relative; left: 3px; top: 11px;;font-weight: bold;}
.menu a{margin: 0px 3px;float:left; text-decoration:none; color:#524E1E;}
.menu a div.prefijo{margin: 0px;background: url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/off_izq.gif) no-repeat;float: left;width: 7px; height: 23px;}
.menu a div.sufijo{margin: 0px;background: url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/off_der.gif) no-repeat;float: left;width:10px; height: 23px;}
.menu a div.texto_menu{margin: 0px;padding: 0px 5px; padding-top: 7px;background: url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/off_centro.gif) repeat-x;float: left; height: 23px; color:#524E1E;}

.menu a:hover div.prefijo{background: url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/on_izq.gif) no-repeat;float: left;width: 7px; height: 23px;}
.menu a:hover div.sufijo{background: url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/on_der.gif) no-repeat;float: left;width:10px; height: 23px;}
.menu a:hover div.texto_menu{padding: 0px 5px; padding-top: 7px;background: url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/on_centro.gif) repeat-x;float: left; height: 23px; color:#524E1E;}

.menu a.Act div.prefijo{background: url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/on_izq.gif) no-repeat;float: left;width: 7px; height: 23px;}
.menu a.Act div.sufijo{background: url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/on_der.gif) no-repeat;float: left;width:10px; height: 23px;}
.menu a.Act div.texto_menu{padding: 0px 5px; padding-top: 7px;background: url(/bocetos/REST-1051-PERS__perruqueriadespi/imagenes/on_centro.gif) repeat-x;float: left; height: 23px; color:#524E1E;}


/* Fin menu principal */

/* Inicio Contacto */
.div_cont_text{width:250px;float:left;margin: 0 5px}
.div_cont_form{margin:0 5px; float:left; width:350px;}
.div_cont_dir{margin:0 5px; float:left; width:250px;}
.form{padding-left: 20px;}
.form input, textarea{width: 250px; font: normal 11px arial;  color: #4C4C4C; background-color:#FFFFFF; border-right:1px solid #EFC414; border-bottom:1px solid #EFC414; border-left:1px solid #5F4E0C; border-top:1px solid #5F4E0C;}
/* Fin Contacto */

/* Aviso Legal */
#legal{margin:5px auto; background-color:#7D212B;}
#legal div{font-size: 11px;text-align: justify; padding: 5px 10px;}
#legal a{text-decoration:none; color:#fff;}
#legal a:hover{text-decoration:underline;}
#legal div.titulo{font:bold 12px arial, tahoma, verdana; color:#fff;}
#legal div.subtitulo{font-weight: bold; color:#fff;}
#legal ul{display:block; text-align:left; padding-left:20px; margin-left:20px;}
#legal li{padding:5px 0;}